详解JS数组

100 阅读2分钟

1. 数组

概念: 就是一组数据的集合,数据中的每个成员称为元素;在数组中可以存放任意数据类型的数据。

在数组中可以存放,任意类型的数据

因为单一变量存储的值有限,如果需要多个数据放在一起,就可以使用数组

语法: var arr = [1, 2];数组的成员使用 逗号 来隔开。

推荐写法:

var arr = [18, 20, 22];
var age = 18,
    name = 'tom',
    gender = 'male',
    grade = '90分';
    
var userInfo = [age,name,gender,grade];
console.log(userInfo);
1.1 如何访问数组元素?

通过数组的下标可以访问数组的成员,下标从0开始,有序向后分布。

使用数组名[下标]访问指定成员。

var colorList = ['red', 'green', 'yellow'];
console.log(colorList[1]);
<!-- 此时打印出的是 green -->

当访问数组中不存在的成员时,返回undefined

console.log(colorList[3]);// undefined

2. 数组的遍历

遍历:枚举。简单说,让你访问数组中的每一个成员。

可以通过for循环来处理

2.1 数组的长度 length

通过数组名.length就可以动态获取数组的长度信息

console.log([1,2,3]);
    var personInfo = [18,'躺平','打游戏','吃饭'];
    for(var i = 0;i < personInfo.length;i++){
      console.log(personInfo[i]);
 }

3. 新增,删除数组

  1. 直接通过数组的下标添加成员

  1. push方法可以在数组的末尾添加成员。

  1. 使用unshift方法可以在数组的首位添加成员

  1. 使用shift方法可以删除数组的第一个成员

  1. 使用pop方法可以删除数组的最后一个成员

  1. 使用splice方法可以删除指定成员;splice 方法接受三个参数,第一个参数指定下标位置,第二个参数指定删除个数,第三个参数为可选参数,替换的意思。

重点掌握该方法 : 该方法会影响原数组

  1. slice方法:也是用来截取数组的与splice最大的不同点是在于,该方法不会影响原数组;且会将截取的部分以新数组的方式返回给我们。