js中刪除數(shù)組元素的幾種方法

刪除步驟如下：

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供安陽(yáng)縣網(wǎng)站建設(shè)、安陽(yáng)縣做網(wǎng)站、安陽(yáng)縣網(wǎng)站設(shè)計(jì)、安陽(yáng)縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、安陽(yáng)縣企業(yè)網(wǎng)站模板建站服務(wù)，十多年安陽(yáng)縣做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

ar arr = [ 1, 2, 3, 4, 5 ];

//原始數(shù)組

alert("原始數(shù)組：" + arr);// 1,2,3,4,5

//刪除并且返回第一個(gè)元素

注：重復(fù)以上步驟即可

一、JavaScript

簡(jiǎn)稱為js，一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型；

它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能；

在1995年時(shí)，由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。

二、js表達(dá)式：

表達(dá)式是指將常量、變量、函數(shù)、運(yùn)算符和括號(hào)連接而成的式子；

根據(jù)運(yùn)算結(jié)果的不同，表達(dá)式可分為算術(shù)表達(dá)式、字符表達(dá)式、和邏輯表達(dá)式。

js數(shù)組操作（添加、刪除、替換元素）

1、添加元素

函數(shù)：push(para)，參數(shù)說(shuō)明para要添加的元素

示例：

var lang = ["php","java","javascript"];

lang.push('.net');

結(jié)果：lang = ["php","java","javascript",".net"];

2、刪除和替換元素

函數(shù)：splice(para1,para2,para3)，參數(shù)說(shuō)明para1其實(shí)位置（從0開(kāi)始），para2要?jiǎng)h除的元素個(gè)數(shù)，para3（可選）要替換的元素

示例：

a、刪除

var lang = ["php","java","javascript"];

lang.splice(0,1);

結(jié)果：lang = ["java","javascript",".net"];

b、替換

var lang = ["php","java","javascript"];

lang.splice(0,1,'.net');

結(jié)果：lang = [".net","javascript",".net"];

js 數(shù)組遍歷時(shí)刪除元素

參考

js在循環(huán)遍歷數(shù)組中刪除指定元素踩坑（ foreach.. for.. for..in.. ）

JS-數(shù)組遍歷中刪除元素的方法優(yōu)化

第一次forEach循環(huán)，arr是[1, 1, 2]，index是0，item是1，if條件成立， 使用splice刪除了item1，arr變成[1, 2]

第二次forEach循環(huán)，arr是[1, 2]，index是1，item是2，if條件不成立，使用splice無(wú)法刪除了第二個(gè)重復(fù)的1

出現(xiàn)問(wèn)題的原因就是splice刪除當(dāng)前數(shù)據(jù)時(shí)，導(dǎo)致后面的數(shù)據(jù)前移，最直接的解決辦法就是i也跟著前移即可。

注意，此時(shí)使用For in遍歷是不行的

原因是迭代器的i，每次都重新取值了，i--失效。

測(cè)試結(jié)果說(shuō)明可以安全刪除

js常用刪除數(shù)組方法

下面三種都會(huì)影響原數(shù)組，最后一項(xiàng)不影響原數(shù)組：

opop()

oshift()

osplice()

oslice()

1、pop()

pop() 方法用于刪除數(shù)組的最后一項(xiàng)，同時(shí)減少數(shù)組的length 值，返回被刪除的項(xiàng)

let colors = ["red", "green"]

let item = colors.pop(); // 取得最后一項(xiàng)

console.log(item) // green

console.log(colors.length) // 1

2、shift()

shift()方法用于刪除數(shù)組的第一項(xiàng)，同時(shí)減少數(shù)組的length 值，返回被刪除的項(xiàng)

let colors = ["red", "green"]

let item = colors.shift(); // 取得第一項(xiàng)

console.log(item) // red

console.log(colors.length) // 1

3、splice()

傳入兩個(gè)參數(shù)，分別是開(kāi)始位置，刪除元素的數(shù)量，返回包含刪除元素的數(shù)組

let colors = ["red", "green", "blue"];

let removed = colors.splice(0,1); // 刪除第一項(xiàng)

console.log(colors); // green,blue

console.log(removed); // red，只有一個(gè)元素的數(shù)組

4、slice()

slice() 用于創(chuàng)建一個(gè)包含原有數(shù)組中一個(gè)或多個(gè)元素的新數(shù)組，不會(huì)影響原始數(shù)組

let colors = ["red", "green", "blue", "yellow", "purple"];

let colors2 = colors.slice(1);

let colors3 = colors.slice(1, 4);

console.log(colors) // red,green,blue,yellow,purple

concole.log(colors2); // green,blue,yellow,purple

concole.log(colors3); // green,blue,yellow

本文名稱：javascript刪除元素,js怎么刪除元素
標(biāo)題網(wǎng)址：http://chinadenli.net/article0/dsgcgoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、定制網(wǎng)站、網(wǎng)站排名、定制開(kāi)發(fā)、建站公司、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)