首页技术文章正文

JS数组如何添加或删除数组元素？

更新时间:2021年11月23日15时45分来源:传智教育浏览次数:

JavaScript数组对象提供了添加或删除元素的方法，可以实现在数组的末尾或开头添加新的数组元素，或在数组的末尾或开头移出数组元素。具体如下。

添加或删除数组元素
方法名	功能描述	返回值
push(参数1……)	数组末尾添加一个或多个元素，会修改原数组	返回数组的新长度
unshift(参数1……)	数组开头添加一个或多个元素，会修改原数组	返回数组的新长度
pop()	删除数组的最后一个元素，若是空数组则返回 undefined，会修改原数组	返回删除的元素的值
shift()	删除数组的第一个元素，若是空数组则返回 undefined，会修改原数组	返回第一个元素的值

需要注意的是，push()和unshif()方法的返回值是新数组的长度，而pop()和shif()方法返回的是移出的数组元素。下面我们通过代码进行演示。

<script>
    var arr = ['Rose', 'Lily'];
    console.log('原数组：' + arr);
    var last = arr.pop();
    console.log('在末尾移出元素：' + last + '移出后，数组为:' + arr);
    var len = arr.push('Tulip', 'Jasmine');
    console.log('在末尾添加元素后长度变为：' + len + '添加后，数组为:' + arr);
    var first = arr.shift();
    console.log('在开头移出元素：' + first + '移出后，数组为:' + arr);
    len = arr.unshift('Balsam', 'sunflower');
    console.log('在开头添加元素后长度变为：' + len + '添加后，数组为:' + arr); 
</script>

从上述代码可以看出，push()和unshif()方法可以为指定数组在末尾或开头添加一个或多个元素，而pop()和shif()方法则只能移出并返回指定数组在末尾或开头的一个元素。

本案例的运行结果如下图所示。

Js数组