JS 数组中常用的方法

push 尾部添加元素

  1. 作用:给数组尾部添加一条或多条数据。

  2. 无参数:返回数组长度。

    1
    2
    let arr = [1,2,3,4,5];
    console.log(arr.push()); // 5
  3. 多个参数:将参数追加到数组末尾。

    1
    2
    3
    let arr = [1,2,3,4,5];
    arr.push(6,7,8);
    console.log(arr); // [1,2,3,4,5,6,7,8];
  4. 拼接数组

    1
    2
    3
    4
    let arr1 = [1,2,3];
    let arr2 = [4,5,6];
    arr1.push(...arr2);
    console.log(arr1); // [1,2,3,4,5,6];

unshift 首部添加元素

  1. 作用:给数组首部添加一条或多条数据。
  2. 无参数:返回数组长度。
  3. 多个参数和拼接数组同上。

pop 删除尾部元素

  1. 作用:删除数组最后一个元素。

  2. 此方法没有参数

    1
    2
    3
    4
    let arr = [1,2,3,4,5];
    let date = arr.pop();
    console.log(arr); // [1,2,3,4]
    console.log(date); // 5

shift 删除首部元素

  1. 作用:删除数组第一个元素。

  2. 同 pop,shift 方法无参数。

    1
    2
    3
    4
    let arr = [1,2,3,4,5];
    let date = arr.shift();
    console.log(arr); // [2,3,4,5]
    console.log(date); // 1

join 连接数组

  1. 作用:将数组转换成字符串,并以参数作为分隔。无参数是同 arr.toString()。

  2. 无参数时使用 , 分割。

    1
    2
    let arr = [1,2,3,4,5]
    console.log("没有参数:",arr.join()); // 1,2,3,4,5
  3. 参数为空字符串时表示五任何符号分割。

    1
    2
    let arr = [1,2,3,4,5]
    console.log("没有参数:",arr.join('')); // 12345
  4. 其他参数

    1
    2
    let arr = [1,2,3,4,5]
    console.log("没有参数:",arr.join('-')); // 1-2-3-4-5

splice 删除元素

  1. 作用:删除元素

  2. 单个参数:参数作为下标,从此处删除后面的元素

    1
    2
    3
    4
    let arr1 = [0,1,2,3,4,5];
    let arr2 = arr1.splice(2);
    console.log(arr1); // [0,1]
    console.log(arr2); // [2,3,4,5]
  3. 两个参数:从下标为参数一的位置开始,删除参数二个元素。

    1
    2
    3
    4
    let arr1 = [0,1,2,3,4,5];
    let arr2 = arr1.splice(2,2);
    console.log(arr1); // [0,1,4,5]
    console.log(arr2); // [2,3]

高阶函数

filter 过滤数组

  1. 作用:过滤数组

  2. 参数是一个函数,函数的参数为数组的每一个元素,在函数内编辑过滤条件。

    1
    2
    3
    4
    5
    6
    let arr1 = [0,1,2,3,4,5];
    let arr2 = arr1.filter(e => {
    return e > 3;
    });
    console.log(arr1); // [0,1,2,3,4,5]
    console.log(arr2); // [4,5]

forEach 遍历数组

  1. 作用:遍历数组

  2. 参数是一个函数,函数有两个参数,参数一为数组元素,参数二为数组下标。

    1
    2
    3
    4
    5
    let arr = [1,2,3,4,5];
    arr.forEach((a, b) => {
    console.log(a); // 1 2 3 4 5
    console.log(b); // 0 1 2 3 4
    })