16JS07——数组

news/2025/3/23 4:47:09/

目标:
1、数组的概念
2、创建数组
3、获取数组中的元素
4、遍历数组
5、数组中新增元素
6、数组案例

一、数组的概念

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

二、创建数组

2.1 数组的创建方式

JS中创建数组的两种方式:
· 利用new创建数组
· 利用数组字面量创建数字(常用)

2.2 利用new创建数组

在这里插入图片描述
暂时了解,学完对象再详细研究

2.3 利用数组字面量创建数字(最常用)

在这里插入图片描述
· 数组里面的数据称为 数组元素,用逗号隔开。
· 数组的初始化: 声明数组并赋值

2.4 数组元素的类型

数组中可以存放任意类型的数据,例如字符串、数字、布尔值等
在这里插入图片描述

三、获取数组中的元素

3.1 数组的索引

索引(下标):用来访问数组元素的序号(数组下标从0开始)
在这里插入图片描述

四、遍历数组

遍历数组就是把数组元素从头到尾访问一次
在这里插入图片描述
1.因为我们的数组索引号从0开始 ,所以i必须从开始 i<3
2.输出的时候 arr[i] i计数器当索引号来用

4.1 数组的长度

使用“数组名.length”可以访问数组元素的数量(数组长度)
在这里插入图片描述
· 数组的长度是元素个数,不要跟索引号混淆
· arr.length动态监测数组元素的个数

案例1: 求数组中的最大值
案例分析:
1、声明一个保存最大元素的变量max。
2、默认最大值可以取数组中的第一个元素。
3、遍历这个数组,把里面每个数组元素和max相比较。
4、如果这个数组元素大于max就把这个数组元素存到max里面,否则继续下一轮比较。
5、最后输出这个max。
在这里插入图片描述
案例2: 数组转换为分隔字符串
在这里插入图片描述
· 需要一个新变量用于存放转换完的字符串str。
· 遍历原来的数组,分别把里面数据取出来,加到字符串里面。
· 同时在后面多加一个分隔符。
在这里插入图片描述

五、数组中新增元素

可以通过修改length长度以及索引号增加数组元素

5.1 通过修改length长度新增数组元素

· 可以通过修改length长度来实现数组扩容的目的
· length属性是可读写的
在这里插入图片描述

5.2 通过修改数组索引新增数组元素(最常用)

· 可以通过修改数组索引的方式追加数组元素
· 不能直接给数组名赋值,否则会覆盖掉以前的数据
在这里插入图片描述
案例1: 新建一个数组,里面存放10个整数(1-10)
核心原理:使用循环来追加数组。
案例分析:
1、使用循环来追加数组。声明一个空数组arr。
2、循环中的计数器i可以作为数组元素存入。
3、由于数组的索引号是从0开始的,因此计数器从0开始更合适,存入的数组元素要+1
在这里插入图片描述
案例2: 筛选数组
要求:将数组[2,0,6,77,0,52,0,25,7]中大于等于10的元素选出来,放入新数组。
在这里插入图片描述
在这里插入图片描述

六、数组案例

6.1 删除指定的数组元素

要求:将数组[2,0,6,1,77,0,52,0,25,7]中的0去掉后,行程一个不包含0的新数组。
案例分析:
1、需要一个新数组用于存放筛选之后的数据。
2、遍历原来的数组,把不是0的数据添加到新数组里面(此时要注意采用数组名+索引的格式接收数据)。
3、新数组里面的个数,用length不断累加。
在这里插入图片描述

6.2 反转数组

要求:将数组[‘red’,‘green’,‘blue’,‘pink’,‘purple’]的内容反过来存放。
输出:[‘purple’,‘pink’,‘blue’,‘green’,'red]
在这里插入图片描述
1、声明一个新数组 newArr
2、把旧数组索引号第4个取过来(arr.length-1),给新数组索引号第0个元素(newArr.length)
3、我们采取 递减的方式 i–
在这里插入图片描述

6.3 数组排序(冒泡排序)

冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢"浮"到数列的顶端。

复习:交换两个变量
在这里插入图片描述
案例分析:
在这里插入图片描述
代码:
在这里插入图片描述


http://www.ppmy.cn/news/114611.html

相关文章

【03.04】大数据教程--html+css基础

当谈到大数据时&#xff0c;HTML和CSS可能并不是最相关的技术。HTML和CSS主要用于构建网页和应用程序的用户界面&#xff0c;而大数据则涉及处理和分析大规模数据集。但是&#xff0c;如果您想展示有关大数据的信息或结果&#xff0c;并在网页上呈现&#xff0c;那么HTML和CSS可…

Fatal error: Port 9100 is already in use by another process.

解决办法 #查看占用端口的进程id lsof -i:9100 #杀死进行 kill -9 4852

i310100和i39100f对比哪个好 i3 10100和i3 9100f差别大吗

i3-10100基于祖传的14nm制程工艺&#xff0c;拥有4核8线程&#xff0c;默认主频3.6Ghz&#xff0c;最大睿频4.3Ghz&#xff0c;三级缓存为6MB&#xff0c;不支持超频&#xff0c;内置UHD630核显&#xff0c;设计功耗65W 选i3 10100还是i39100f这些点很重要!看完你就知道了 http…

实施AS9100标准的意义

1、市场范围不断扩大 您的认证可为您打开未利用的国内和国际商业的商机之门。另外&#xff0c;AS-认证的质量系统有助于建立商业之间的共同语和期望水平。通过让公司具有一样的标准&#xff0c;可实现提高效率的目的&#xff0c;否则便不能达到此目的或通过个人/所有者的质量系…

关于解决prometheus报错get “http://ip:9100/metrics“:connect:no route to host

linux服务器部署node_exporter完成后 启动node_exporter服务&#xff0c;一切正常&#xff0c;日志也未报错&#xff0c;访问地址&#xff1a;http://ip:9100&#xff0c;就是访问不了 如图 访问Prometheus平台 http://ip:9090,state显示down 其他两台服务器一样的配置均正常…

elk日志分析部署报错,出现9100端口,9200端口不见

在主机上刚开始安装了elasticsearch的时候启动9200端口成功 当安装完 node-v8.2.1.tar.gz和elasticsearch-head.tar.gz之后&#xff0c;对服务再次就行启动时发现 9100端口可以正常启动&#xff0c;而9200端口启动不了&#xff0c; systemctl start elasticsearch时没有任何报…

Windows查看9100端口号被占用情况

1.输入命令&#xff1a;netstat -ano | findstr "9100" 效果&#xff1a; TCP 0.0.0.0:9100 0.0.0.0:0 LISTENING 7712TCP [::]:9100 [::]:0 LISTENING 77122.右击任务栏打开任务管理器找到P…

如何使用Prometheus监控主机node_exporter中删除9100只保留IP

如何使用Prometheus监控主机node_exporter中删除9100端口只保留IP 我们在使用Prometheus监控主机时&#xff0c;使用node_exporter默认instance的值是主机IP地址和端口&#xff0c;我们在告警的时候使用instance时候有端口&#xff0c;很不方便&#xff0c;我在处理这个问题时…