es6數(shù)組如何移除元素

本篇內(nèi)容主要講解“es6數(shù)組如何移除元素”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習“es6數(shù)組如何移除元素”吧!

公司主營業(yè)務(wù)：做網(wǎng)站、網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出興文免費做網(wǎng)站回饋大家。

方法：1、用shift()刪除第一個元素，語法“數(shù)組.shift()”；2、用pop()刪除最后一個元素，語法“數(shù)組.pop()”；3、用splice()刪除任意位置的元素，語法“數(shù)組.splice(位置,個數(shù))”；4、用length刪除尾部的N個元素，語法“數(shù)組.length=原數(shù)組長度-N”；5、直接賦予空數(shù)組“[]”來清空元素；6、用delete刪除指定下標的一個元素。

方法1：使用shift()函數(shù)刪除第一個數(shù)組元素

array.shift()函數(shù)可以把數(shù)組的第一個元素從其中刪除，并返回第一個元素的值；然后將余下所有元素前移 1 位，以填補數(shù)組頭部的空缺。

var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組
a.shift();
console.log(a);

輸出結(jié)果為：

注：shift()方法會改變原數(shù)組，修改數(shù)組的長度！

方法2：使用pop()刪除最后一個數(shù)組元素

array.pop()方法可以刪除數(shù)組 array 中最后一個元素，并返回被刪除的元素。

var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組
a.pop();
console.log(a)

輸出結(jié)果為：

注：pop()方法也會改變原數(shù)組，修改數(shù)組的長度！

方法3：使用 splice() 刪除任意位置的元素

使用splice()可以從指定下標位置開始刪除一個或多個元素。

刪除元素的語法：

array.splice(index,howmany)

• 第1個參數(shù) index 可以指定起始下標位置（即開始刪除元素的位置）；

• 第2個參數(shù) howmany 指定應(yīng)該刪除的元素數(shù)目（即需要刪除的一個或多個元素）。

只需要將第2個參數(shù) howmany 設(shè)置為1，即刪除任意index位置的一個元素。

我們通過下面的例子來具體看看：

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,1);
console.log(arr);

利用splice() 方法我們也可以實現(xiàn)在數(shù)組開頭和末尾刪除元素的操作：

• 如果想要在數(shù)組開頭刪除元素，就設(shè)置該方法第1個參數(shù)index的值為0即可

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,1);
console.log(arr);

• 如果想要在數(shù)組末尾刪除元素，就設(shè)置該方法第1個參數(shù)index的值為負數(shù)，那么就會按絕對值從數(shù)組右側(cè)開始向左側(cè)定位；且第2個參數(shù) howmany的值要 等于 index的值。

var arr= [1,2,3,4,5];
console.log(arr);

//從倒數(shù)第1個元素開始，截取1個元素
arr.splice(-1,1);
console.log(arr);

方法4：利用length屬性刪除數(shù)組元素（甚至清空元素）

數(shù)組的length屬性一般是用來設(shè)置或返回數(shù)組中元素的數(shù)目，即設(shè)置或返回數(shù)組長度。

我們可以利用設(shè)置數(shù)組長度的特性，將length屬性的設(shè)置的比原長度小，即可從數(shù)組尾部刪除一個或多個元素；如果值設(shè)置為0，就會刪除全部數(shù)組，即清空數(shù)組！

語法：數(shù)組對象.length=原數(shù)組長度-1;

示例1：

var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組
console.log(a)
a.length=7;
console.log(a)

示例2：

var a = [1,2,3,4,5,6,7,8];  //定義數(shù)組
console.log(a)
a.length=0;
console.log(a)

方法5：直接賦予空數(shù)組[]

直接賦予空數(shù)組[]就會將之前的元素全部清空。

var arr=new Array(1,2,3,4,5,6,7,8,9,10);
console.log(arr);
arr=[];
console.log(arr);

這種方法并不是嚴格意義的清空數(shù)組，只是將arr重新賦值為空數(shù)組。

方法6：利用delete運算符刪除指定下標的一個元素

我們都知道數(shù)組中的每個元素都有一個序號，這個序號從0開始，被稱為下標（Index）。根據(jù)這個數(shù)組下標，我們可以使用 數(shù)組名[下標] 的形式來訪問指定下標的元素。

訪問到指定元素后，就可以利用 delete運算符 來刪除該元素，但數(shù)組長度不會發(fā)生改變；刪除后的該元素會變?yōu)榭瘴辉兀?/p>

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮");
console.log(arr);

delete arr[1];  //刪除下標為1的元素（第二個元素）
console.log(arr);

空位元素可以讀寫，length 屬性不排斥空位，空元素位返回值為 undefined

console.log(arr[1]);

說明：空元素與元素的值為 undefined 是兩個不同的概念，即使空元素的返回值也是 undefined。JavaScript 在初始化數(shù)組時，只有真正存儲有值得元素才可以分配內(nèi)存。

到此，相信大家對“es6數(shù)組如何移除元素”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習！

當前標題：es6數(shù)組如何移除元素
網(wǎng)站網(wǎng)址：http://muchs.cn/article46/gddchg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、動態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、微信公眾號、網(wǎng)站內(nèi)鏈

廣告

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