教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

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

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

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

添加或刪除數(shù)組元素

方法名

功能描述

返回值

push(參數(shù)1……) 數(shù)組末尾添加一個(gè)或多個(gè)元素,會(huì)修改原數(shù)組 返回?cái)?shù)組的新長(zhǎng)度
unshift(參數(shù)1……) 數(shù)組開(kāi)頭添加一個(gè)或多個(gè)元素,會(huì)修改原數(shù)組 返回?cái)?shù)組的新長(zhǎng)度
pop() 刪除數(shù)組的最后一個(gè)元素,若是空數(shù)組則返回
undefined,會(huì)修改原數(shù)組
返回刪除的元素的值
shift() 刪除數(shù)組的第一個(gè)元素,若是空數(shù)組則返回
undefined,會(huì)修改原數(shù)組
返回第一個(gè)元素的值

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

<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('在末尾添加元素后長(zhǎng)度變?yōu)椋?#39; + len + '添加后,數(shù)組為:' + arr);
    var first = arr.shift();
    console.log('在開(kāi)頭移出元素:' + first + '移出后,數(shù)組為:' + arr);
    len = arr.unshift('Balsam', 'sunflower');
    console.log('在開(kāi)頭添加元素后長(zhǎng)度變?yōu)椋?#39; + len + '添加后,數(shù)組為:' + arr); 
</script>

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

本案例的運(yùn)行結(jié)果如下圖所示。

Js數(shù)組

猜你喜歡:

Js創(chuàng)建數(shù)組的方式

JavaScript如何遍歷數(shù)組?

JavaScript中如何搜索數(shù)組元素?

傳智教育web前端開(kāi)發(fā)高手班

0 分享到:
和我們?cè)诰€交談!