JS数组的拓展方法

数组的拓展方法

实际开发过程中,经常会操作数组,对数组中的元素进行(增删改查,裁切,翻转,判断是否存在) => 自己封装太麻烦

官方提供的对应的方法 => 直接使用即可 (数组的拓展方法)

学习数组的拓展方法时需要注意的问题?

1.每个方法的作用

2.方法的返回值

3.是否影响原数组 (a.有些方法会影响原数组 b.有些方法不会影响原数组,或者生成新数组

    push()

在数组的尾部添加一个或者多个元素

返回值:新增元素后 数组的长度

是否影响原数组:影响

var list = [1,2,3];

var result = list.push(4,5,6);

console.log(result);

console.log(list);

unshift()

     在数组的头部添加一个或多个元素

    返回值:新增元素后 数组的长度

    是否影响原数组:影响

    var list = [1,2,3];

    var result = list.unshift(4,5,6);

    console.log(result);

    console.log(list);

pop()

   在数组的尾部删除一个元素

    返回值:被删除的元素

    是否影响原数组:影响

    var list = [1,2,3];

    var result = list.pop();

    console.log(result);

    console.log(list);

shift()

     在数组的头部删除一个元素

    返回值:被删除的元素

    是否影响原数组:影响

    var list = [1, 2, 3];

    var result = list.shift();

    console.log(result);

    console.log(list);

splice() 数组 增删改

    (1)splice(startIndex,n) 删除用法：

     从startIndex开始，删除n个元素

    返回值：被删除的元素形成的新数组

    是否影响原数组:影响

    var list = [1, 2, 3,4,5,6,7,8,9];

    var result = list.splice(1,3);

    console.log(result);

    console.log(list);

 

 

    (2)splice(startIndex,0,arg1,arg2...argN) 新增用法：

     从startIndex开始，删除0个元素,再新增多个

    返回值：空数组

    是否影响原数组:影响

    var list = [1, 2, 3,4,5,6,7,8,9];

    var result = list.splice(2,0,"a","b");

    console.log(result);

    console.log(list);

 

 

 

(3)splice(startIndex,0,arg1,arg2...argN) 修改用法：

从startIndex开始，删除0个元素,再新增多个

    返回值：被删除的元素形成的新数组

    是否影响原数组:影响

    var list = [1, 2, 3,4,5,6,7,8,9];

    var result = list.splice(2,2,"a","b");

    console.log(result);

    console.log(list);