js数组操作：增删改查（更新中3.28……）

最新推荐文章于 2021-11-27 10:38:36 发布

原创最新推荐文章于 2021-11-27 10:38:36 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js数组操作 #javascript

js记录专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了JavaScript中数组的常用操作方法，包括shift()、pop()、push()、splice()及reverse()等。通过实例展示了如何使用这些方法进行数组元素的删除、添加及排序等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、shift()

把数组的第一个元素从其中删除，并返回第一个元素的值。

arr = [1, 2, 3, 4];
return  arr.shift() //1

arr = [1, 2, 3, 4];
arr.shift()
return  arr //arr = [ 2, 3, 4]

如果数组已经为空，则不改变数组，并返回 undefined 值。

arr = [];//arr = [1]只有一个元素也一样。
return  arr.shift() //undefined

arr = [];//arr = [1]只有一个元素也一样。
arr.shift()；
return  arr // []

2、pop()

删除数组的最后一个元素，并且返回它删除的元素的值。
(用法同上)

3、push()

向数组的末尾添加一个或多个元素，并返回新的长度。
arr = ['one', 'two', 'three'];
return arr.push['add'] // ['one', 'two', 'three', 'add']

4、splice()
从数组中删除元素，或者向数组中添加元素，并返回一个新的长度

a、删除元素 arr.splice(start, count)，删除数组arr 下标为start开始的count个数组

arr = ['1', '2', '3', '4'];
arr.splice(1,2);
return arr       // ['1', '4']

arr = ['1', '2', '3', '4'];
return arr.splice(1,2)    // ['2', '3']

b、添加元素 arr.splice(start, count, addChild),删除数组arr 下标为start开始的count个数组, 并且从数组arr 下标为start处插入新元素：addChild
（注：splice的参数有2个及以上，前两个必填，第三个开始为插入的元素，若是不想删除元素，第二个参数为0即可）

arr = ['1', '2', '3', '4'];
arr.splice(1, 2, "child");
return arr    // ["1", "child", "4"]

arr = ['1', '2', '3', '4'];
arr.splice(3,0,"child");
return arr   // ["1", "2", "3", "child", "4"]

5、reverse()

更改元素顺序为倒序

    arr = ['1', '2', '3', '4'];
    a.reverse();
    console.log(a);//["4", "3", "2", "1"]

    arr = ['1', '2', '3', '4'];
    console.log(a.reverse(););//["4", "3", "2", "1"]