es6中如何實現(xiàn)數(shù)組去重

這篇“es6中如何實現(xiàn)數(shù)組去重”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“es6中如何實現(xiàn)數(shù)組去重”文章吧。

為瓊海等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及瓊海網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、瓊海網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

3種實現(xiàn)方法：1、Set數(shù)據(jù)結(jié)構(gòu)和“Array.from()”去重，語法“Array.from(new Set(arr))”；2、Set數(shù)據(jù)結(jié)構(gòu)和擴展運算符“...”去重，語法“[...new Set(arr)]”；3、filter()和indexOf()過濾，語法“arr.filter((it,in)=>{return arr.indexOf(it,0)===in;});”。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

ES6數(shù)組去重的5種方法

1、Set數(shù)據(jù)結(jié)構(gòu)和Array.from()去重

• Set是ES6新提供的數(shù)據(jù)結(jié)構(gòu)，類似于數(shù)組，但是本身沒有重復(fù)值。利用這一特性，我們可以將數(shù)組轉(zhuǎn)為Set類型進行去重，然后使用Array.from方法將其再轉(zhuǎn)為數(shù)組。

• Array.from方法用于將兩類對象轉(zhuǎn)為真正的數(shù)組：類似數(shù)組的對象（array-like object）和可遍歷（iterable）的對象（包括 ES6 新增的數(shù)據(jù)結(jié)構(gòu) Set 和 Map）。

實現(xiàn)思想：

• 將數(shù)組轉(zhuǎn)為set集合去重后，使用Array.from方法將集合轉(zhuǎn)為數(shù)組

語法：

Array.from(new Set(arr))

示例：

let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);

2、Set數(shù)據(jù)結(jié)構(gòu)和擴展運算符“...”去重

• 擴展運算符…是ES6中引入的，將可迭代對象展開到其單獨的元素中，所謂的可迭代對象就是任何能用for of循環(huán)進行遍歷的對象，例如：數(shù)組、字符串、Map 、Set 、DOM節(jié)點等。

實現(xiàn)思想：

• 將數(shù)組轉(zhuǎn)為set集合去重后，使用擴展運算符…將集合展開到數(shù)組中，將集合轉(zhuǎn)為數(shù)組

語法：

[...new Set(arr)]

示例：

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);

3、利用數(shù)組的 filter+indexOf方法去重

filter() 方法創(chuàng)建一個新的數(shù)組，新數(shù)組中的元素是通過檢查指定數(shù)組中符合條件的所有元素。

indexOf方法返回指定元素在數(shù)組中的第一個索引(index)， 如果沒有則返回 -1

示例：

var arr=[1, 2, 3, 2, 3];
var newArr = arr.filter((item,index)=> {
  return arr.indexOf(item,0) === index;
});
console.log(newArr);

所以這里的 arr 數(shù)組中的每個元素通過 indexOf() 方法返回的索引值分別是 0 1 2 1 2

arr.forEach(item => console.log(arr.indexOf(item))); // 0 1 2 1 2

可以通過 indexOf 來實現(xiàn)去重，比如 arr 中的第四個元素 2 通過 indexOf 返回的是索引是 1， 但是它當前的 index 下標是 3，不相等，說明當前的這個 2 元素在之前出現(xiàn)過, 所以應(yīng)該把它過濾掉。

以上就是關(guān)于“es6中如何實現(xiàn)數(shù)組去重”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當前題目：es6中如何實現(xiàn)數(shù)組去重
分享URL：http://muchs.cn/article48/iehphp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、網(wǎng)站維護、Google、網(wǎng)頁設(shè)計公司、企業(yè)網(wǎng)站制作、定制開發(fā)

廣告

聲明：本網(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)