首頁技術文章正文

JS數(shù)組如何添加或刪除數(shù)組元素？

更新時間:2021年11月23日15時45分來源:傳智教育瀏覽次數(shù):

JavaScript數(shù)組對象提供了添加或刪除元素的方法，可以實現(xiàn)在數(shù)組的末尾或開頭添加新的數(shù)組元素，或在數(shù)組的末尾或開頭移出數(shù)組元素。具體如下。

添加或刪除數(shù)組元素
方法名	功能描述	返回值
push(參數(shù)1……)	數(shù)組末尾添加一個或多個元素，會修改原數(shù)組	返回數(shù)組的新長度
unshift(參數(shù)1……)	數(shù)組開頭添加一個或多個元素，會修改原數(shù)組	返回數(shù)組的新長度
pop()	刪除數(shù)組的最后一個元素，若是空數(shù)組則返回 undefined，會修改原數(shù)組	返回刪除的元素的值
shift()	刪除數(shù)組的第一個元素，若是空數(shù)組則返回 undefined，會修改原數(shù)組	返回第一個元素的值

需要注意的是，push()和unshif()方法的返回值是新數(shù)組的長度，而pop()和shif()方法返回的是移出的數(shù)組元素。下面我們通過代碼進行演示。

<script>
    var arr = ['Rose', 'Lily'];
    console.log('原數(shù)組：' + arr);
    var last = arr.pop();
    console.log('在末尾移出元素：' + last + '移出后，數(shù)組為:' + arr);
    var len = arr.push('Tulip', 'Jasmine');
    console.log('在末尾添加元素后長度變?yōu)椋?#39; + len + '添加后，數(shù)組為:' + arr);
    var first = arr.shift();
    console.log('在開頭移出元素：' + first + '移出后，數(shù)組為:' + arr);
    len = arr.unshift('Balsam', 'sunflower');
    console.log('在開頭添加元素后長度變?yōu)椋?#39; + len + '添加后，數(shù)組為:' + arr); 
</script>

從上述代碼可以看出，push()和unshif()方法可以為指定數(shù)組在末尾或開頭添加一個或多個元素，而pop()和shif()方法則只能移出并返回指定數(shù)組在末尾或開頭的一個元素。

本案例的運行結果如下圖所示。

Js數(shù)組