«

JavaScript基础数组

yang 发布于 阅读:417 JS基础阶段


函数封装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(开始索引, 删除的长度)    根据指定区间,在数组任意位置新增、修改、删除数组元素并返回删除的元素数组,会修改原数组 |

JavaScript基础数组

版权所有:微4e
文章标题:JavaScript基础数组
除非注明,文章均为 微4e 原创,请勿用于任何商业用途,禁止转载

推荐阅读:


扫描二维码,在手机上阅读
请先 登录 再评论