JavaScript基础数组
函数封装7大步
1.完成基本功能
2.确定函数名
3.确定函数的参数
4.确定函数的返回值
5.将功能代码放入函数的壳子,替换对应的变量
6.调用测试
7.优化代码
1.数组【重点】
1.1 数组的概念
数组:数组是一组有序排列的数据的集合。简单理解:一组排队的数据。
数组元素:组成数组的数据。
数组索引:数组元素在数组当中的位置,从0开始算起。
访问数组元素:根据数组的索引访问对应的数组元素。
数组长度:数组元素的数量。
1.2 数组的定义
javascript1
2
3
4
5
6
7
8
// 1.实例化方式new
let arr = new Array(); // [] 空数组
let arr2 = new Array(1, '胖虎', true); // [1, '胖虎', true] 有数据的数组
let arr3 = new Array(5); // 当实例化只传入一个数字时,会创建对应长度的空数组
// 2.字面量方式[]【常用】
let array = []; // []
let array2 = [1, 2, 3, '张无忌', '赵敏']; // [1, 2, 3, '张无忌', '赵敏']
1.3 数组的基本操作【掌握】
javascript1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
let arr = [ 'a', 'b', 'c' ]
1.访问数组元素
// 数组变量名[索引值]
arr[2]; // 'c'
2.访问数组长度
// 数组变量名.length
arr.length; // 3
3.访问数组最后一位元素
arr[arr.length - 1]; // 'c'
4.新增数组元素
// 数组变量名[新的索引] = 值
arr[arr.length] = 'd'
5.修改数组元素
// 数组变量名[原索引] = 新的值
arr[0] = 'x';
arr[arr.length - 1] = 'y'
6.删除数组元素
// delete 数组变量名[原索引]
delete arr[0]
2. 数组遍历
javascript1
2
3
4
5
6
7
8
9
10
11
12
13
挨个访问完数组元素
// for语法结构
for(let i = 0; i < arr.length; i++){
arr[i] // 每一次遍历的数组元素
i // 每一次遍历的索引
}
// forEach语法结构
arr.forEach(function(value, index){
value // 每一次遍历的数组的元素
index // 每一次遍历的索引
})
3. 数组常用方法
java1
2
3
4
5
6
7
方法名 作用
rr.join('分隔符') 据指定的分隔符连接数组元素并返回一个新字符串,不会改变原数组
arr.includes(数组元素) 判断指定的数组元素是否存在于数组中,存在返回true,不存在返回false
arr.push(数组元素1, 数组元素n) 将传入的数组元素放入数组末尾,返回新数组的长度,会修改原数组
arr.pop() 删除数组末尾的元素并返回,会修改原数组
arr.splice(开始索引, 删除的长度) 根据指定区间,在数组任意位置新增、修改、删除数组元素并返回删除的元素数组,会修改原数组 |
推荐阅读:
扫描二维码,在手机上阅读