JS学习之旅第七天

今天是学习JS的第七天,今天学习了数组,话不多说开始今天的讲解。

一、认识数组

数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。

1.1创建数组

JS中创建数组有两种方式∶

  • 利用new创建数组
  • 利用数组字面量创建数组

1.2数组元素的类型

数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。

 //一、定义数组
 //数组元素是一对,下标和值,每一个元素
 // var arr = [数组元素,数组元素,数组元
 var arr = [1,2,3,4,5];//4
 //二、数组取值
 //1.数组名[下标]
 console.log(arr[2])
 //2.for
 for(var i=0;i<arr.length;i++){
     console.log(arr[i])
 }
 //3.for of
 for(var v of arr){
     console.log(v)
 }
 //三、如何修改数组的值
 var arr = [1,2,3,4,5];
 arr[0] = 100;
 arr[4] = 500;
 //四、如何删除元素的值
 //删除开头、删除结尾、删除指定位置
 
 arr.shift() //删除数组开头的元素
 arr.pop() // 删除数组最后的元素
 // arr.splice(开始的位置,删除的个数)
 var arr = [1,2,3,4,5];
 
for(var i=0;i<arr.length;i++){
     if(arr[i] == 3 || arr[i] == 5){
         arr.splice(i,1)
     }
     
}
 console.log(arr)

二、innerHTML

innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;
如:<div id="aa">这是内容</div>

我们可以通过 document.getElementById(‘aa’).innerHTML 来获取id为aa的对象的内嵌内容;
也可以对某对象插入内容,如 document.getElementById(‘abc’).innerHTML=’这是被插入的内容’;
这样就能向id为abc的对象插入内容。

所以innerHTML一般用来当做页面输出。

三、多维数组

如果某个数组的维数不止一个,就可以被称为多维数组。

3.1多维数组的数组名代表什么?

我们知道一维数组的数组名是一个指针常量,指向数组的第一个元素。多维数组与其类似,唯一的区别是多维数组第一维的元素实际上是另一个数组,也就是说多维数组的数组名其实指向一个一维数组。

一般最多用到二维,二维往上的就很少用了,而且多维数组一般C语言体系用的比较多,我们目前多维数组就是需要在数组中存储一个对象,然后查找其所需的东西。

四、对象

刚才我们说了多维数组我们只用二维数组用来存储对象,那么什么是对象呢?

对象叫做object可以存储多个值,值可以是任意的数
如何定义对象
 {属性名:属性值}
对象如何取值
 对象名['属性值']
 对象名.属性值

切记:在循环取对象的时如果我们用for in的方法循环的时候一定要记住for in不支持对象名.属性名obj.i写法

今天的学习就到此为止了,明天再见,希望对各位有所帮助。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/775968.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

shell脚本发布docker-nginx vue2 项目示例

docker、git、node.js安装略过。 使git pull或者git push不需要输入密码操作方法 nginx安装在docker容器里面&#xff0c;参见&#xff1a;https://blog.csdn.net/HSJ0170/article/details/128631155 姊妹篇&#xff08;宿主机nginx&#xff0c;非docker-nginx&#xff09;&am…

Vue计算属性computed深度解析,告别只会使用,迎来全面理解

一、基础示例 模板中的表达式虽然方便&#xff0c;但也只能用来做简单的操作。如果在模板中写太多逻辑&#xff0c;会让模板变得臃肿&#xff0c;难以维护。比如说&#xff0c;有这样一个包含嵌套数组的对象&#xff1a; const author reactive({name: John Doe,books: [Vue 2…

基于java+SpringBoot+Vue的数码论坛系统设计与实现

基于javaSpringBootVue的数码论坛系统设计与实现 开发语言: Java 数据库: MySQL技术: SpringBoot MyBatis工具: IDEA/Eclipse、Navicat、Maven 系统展示 前台展示 后台展示 系统简介 整体功能包含&#xff1a; 数码论坛系统是一个基于互联网的数码产品讨论和信息分享平台…

深度学习语义分割篇——DeepLabV2原理详解篇

&#x1f34a;作者简介&#xff1a;秃头小苏&#xff0c;致力于用最通俗的语言描述问题 &#x1f34a;专栏推荐&#xff1a;深度学习网络原理与实战 &#x1f34a;近期目标&#xff1a;写好专栏的每一篇文章 &#x1f34a;支持小苏&#xff1a;点赞&#x1f44d;&#x1f3fc;、…

小狐狸JSON-RPC:wallet_watchAsset(向钱包中新增资产代币)

wallet_watchAsset 请求用户在 MetaMask 中添加新的资产。返回一个布尔值&#xff0c;是否已成功添加。 var res await window.ethereum.request({ "method": "wallet_watchAsset","params": {"type": "ERC20","opti…

盘点库存怎么做账

库存的盘点是企业中非常重要的一步&#xff0c;也是仓管经常要做的工作&#xff0c;盘点通俗点说就是点一下实物与账面上的数据是否一至&#xff0c;来判断我们平时的货物管理是否与账面上的业务往来符合&#xff0c;盘点库存怎么做账&#xff1f; 按目前的情况来看&#xff0c…

什么是软件工程?如何应用软件工程原则?

什么是软件工程&#xff1f; 软件工程是应用工程原则来设计、开发、维护、测试和评估计算机软件的过程。它涵盖了软件开发的整个生命周期&#xff0c;包括需求收集和分析、系统设计、编码、集成和测试、部署以及维护和支持。软件工程的目的是为了确保软件系统的可靠性、效率、…

【数据结构】Java中Map和Set详解(含二叉搜索树和哈希表)

目录 Map和Set详解 1.二叉搜索树 2.Map常见方法 3.Set常见方法 4.哈希表 Map和Set详解 Map&#xff1a;一种键值对结构&#xff0c;hashMap中键和值均可以为空&#xff0c;hashTable中则不可以存放null值 Set&#xff1a;一种集合&#xff0c;不能存放重复元素&#xff0c…

SpringBoot使用Jedis步骤

基础连接方式 引入依赖 <!-- Jedis --><dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId></dependency>创建Jedis对象&#xff0c;建立连接 操作字符串 方法名与Rdeis命令一致 操作Hash类型 释放资源 测…

JavaScript PAT乙级题解 1048 数字加密

本题要求实现一种数字加密方法。首先固定一个加密用正整数 A&#xff0c;对任一正整数 B&#xff0c;将其每 1 位数字与 A 的对应位置上的数字进行以下运算&#xff1a;对奇数位&#xff0c;对应位的数字相加后对 13 取余——这里用 J 代表 10、Q 代表 11、K 代表 12&#xff1…

【小米SU7实测发布】Python与人工智能的结合

小米在2023年底正式发布小米SU7,成为继华为之后第二个推出成品的的科技企业。不过此时小米需要做的不仅是打造一款产品力够高的车型,更是要以后发者的身份更快速地追上头部智驾车企。从昨天的发布会中可以发现,小米SU7采用双Orin-X芯片以及27个感知硬件组合,这套硬件组合在…

kubernetes-Pod基于污点、容忍度、亲和性的多种调度策略(一)

Pod调度策略 一.标签1.什么是标签2.给Pod资源打标签3.给Node节点打标签4.查看标签资源 二.Node选择器1.nodeName(指定Pod调度到指定Node节点)2.nodeSelector(指定Pod调度到具有指定标签的Node节点) 三.亲和性1.Node亲和性-nodeAffinity2.Pod亲和性-pod-Affinity3.Pod反亲和性-p…

FFmpeg拉取RTSP流并定时生成10秒短视频

生成效果: 视频时长为10秒 生成格式为FLV 输出日志: 完整实现代码如下: 需要在Mac和终端先安装FFmpeg brew install ffmpeg CMake文件配置: cmake_minimum_required(VERSION 3.27) project(ffmpeg_open_stream) set(CMAKE_CXX_STANDARD 17)#头文件包目录 include_director…

ETL工具-nifi干货系列 第五讲 处理器GenerateFlowFile

1、今天我们一起来学习处理器GenerateFlowFile。这个处理器创建带有随机数据或自定义内容的 FlowFiles。GenerateFlowFile 对于负载测试、配置和模拟非常有用。从工具栏拖动处理器到画布&#xff0c;然后选择GenerateFlowFile即可。 2、点击add按钮或者双击 GenerateFlowFile可…

C#WPF控件TextBlock、Label以及与TextBox的区别

本文讲解TextBlock、Label以及与TextBox之间的的区别。 目录 TextBlock和Label区别 TextBox和TextBlock控件区别 TextBlock和Label区别 TextBlock和Label都用于显示文本,但它们有一些区别: 继承:Label继承自ContentControl,而TextBlock直接继承自FrameworkElement。 …

【蓝桥杯省赛真题34】python积木搭建 中小学青少年组蓝桥杯比赛 算法思维python编程省赛真题解析

python积木搭建 第十三届蓝桥杯青少年组python比赛省赛真题 一、题目要求 &#xff08;注&#xff1a;input&#xff08;&#xff09;输入函数的括号中不允许添加任何信息&#xff09; 1、编程实现 小蓝和小青在玩积木搭建游戏&#xff0c;具体玩法如下: 小蓝报一个数字N&…

vue多语言包i18n

1.安装 如果是vue2直接安装8.2.1版本&#xff0c;否则会出现版本不匹配的错误 npm install vue-i18n8.2.1 --save2.文件编辑 在src目录下创建文件 en.js export const h {system: "Background management system",loginOut:"LoginOut",LayoutSet:Layout …

用搜索引擎收集信息-常用方式

1&#xff0c;site csdn.net &#xff08;下图表示只在csdn网站里搜索java&#xff09; 2&#xff0c;filetype:pdf &#xff08;表示只检索某pdf文件类型&#xff09; 表示在浏览器里面查找有关java的pdf文件 3&#xff0c;intitle:花花 &#xff08;表示搜索网页标题里面有花…

Java IO面试题(一)

1. 什么是同步IO和异步IO&#xff1f;请简述它们的区别。 同步IO和异步IO是关于数据读写方式的两种不同模式&#xff0c;它们之间的主要区别在于对IO操作的处理方式。 同步IO是指程序在读写数据时&#xff0c;需要等待操作完成后才能继续执行后面的程序。换句话说&#xff0c…

2024年150道高频Java面试题(四)

7. String 类的常用方法都有哪些&#xff1f; Java中的String类提供了丰富的方法用于字符串操作。以下是一些常用的方法&#xff1a; 长度和判空 int length(): 返回字符串的长度。boolean isEmpty(): 判断字符串是否为空。 获取字符 char charAt(int index): 获取指定索引处…