JS基础：数组及案例

目录

1. 数组概念

2. 创建数组

2.1 用 new 创建

2.2 用 数组字面 [ ] 创建

3. 访问数组

3.1 数组的索引

4. 遍历数组

4.1 遍历方法

 4.2 数组长度

 4.3 计算数组平均值案例

 4.4 找出数组中最大值的元素

 4.5 数组转换为分割字符串

5. 数组中的新增元素 

5.1 修改length长度增加数组元素

5.2 修改索引号增加数组元素

 5.3 数组存放10个数据

 5.4 筛选数组的方法

6. 数组案例

6.1 删除数组指定元素

6.2 翻转数组

 6.3 数组排序（冒泡排序）

---

1. 数组概念

一个变量只能存储一个值，多个变量可用使用数组（arry）存储

数组是一组数据的集合，其中每个数据被称为元素，在数组中可以存放任意类型的元素

数组是一种数据存储在单个变量名下的方式

2. 创建数组

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

1. 用 new 创建
2. 用数组字面量创建（常用）

2.1 用 new 创建

var arr =new Array();

•  注意 A要大写
• 到创建对象时会使用到

2.2 用 数组字面 [ ] 创建

var arr = []; //创建一个空的 arr 数组

var arr = [1, 2, 3]; //创建一个包含123的初始化数组；

• 数组里面的数据用逗号分隔开

3. 访问数组

3.1 数组的索引

索引（下标）：用来访问数组的元素的序号（数组下标从0开始）

如 arr[2];   获取了第三个数组

注意如果没有这个元素，则输出undefined；

4. 遍历数组

4.1 遍历方法

遍历数组可以把数组中的元素全部取出

遍历：就是把数组中每一个元素从头到尾都访问一遍（类似点名）

for (var i = 0; i < 3; i++) {

            console.log(arr[i]);

        }

•  索引从0开始，所以i 必须从0开始
• 输出的时候 arr[i] ，i 计数器 当索引号来用

 4.2 数组长度

使用“数组名.length”可以访问元素的数量（数组长度）

遍历数组时可以用以下的写法：

for (var i = 0; i < arr.length; i++) {

            console.log(arr[i]);

        }

•  数组长度是元素的个数，不要混淆索引号
• arr.lenght动态检查数组元素的个数

 4.3 计算数组平均值案例

 4.4 找出数组中最大值的元素

• 案例分析：

1. 声明一个保存最大值的元素的变量max
2. 默认最大值取数组中的第一个元素
3. 遍历这个数组，把数组中每个元素与max比较
4. 如果数组元素大于max，就把元素保存到max，否则继续遍历

 

 4.5 数组转换为分割字符串

案例：将数组['red','green','orange','white] 转为字符串，并用 | 号分隔开；

• 分析：
• 创建一个变量存放转换的字符串
• 遍历数组，分别把每个元素取出，并放入变量里
• 把取出元素后面加一个| 号

5. 数组中的新增元素 

5.1 修改length长度增加数组元素

• 修改lenghth长度实现数组的扩容
• length属性是可读写的

 注意索引号4和5是空的，默认值为undefined

5.2 修改索引号增加数组元素

• 索引号为空时，追加数组元素
• 索引号不为空时，替换数组元素
• 不要给数组名赋值，否则数组元素全部都被替换

 5.3 数组存放10个数据

• 案例分析：
• 使用循环追加数组
• 声明一个空数组
• 循环中计数器 i 可作为数组元素存入

 5.4 筛选数组的方法

方法一：

 方法二：

6. 数组案例

6.1 删除数组指定元素

6.2 翻转数组

 6.3 数组排序（冒泡排序）

冒泡排序：是一种算法，把一系列的数据按顺序进行排序（从小到大，从大到小）

• 案例分析：
• 趟数用for外循环
• 每一趟的次数用for内循环
• 交换两个变量