es6如何找出2個數(shù)組中不同項

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

步驟：1、將兩個數(shù)組分別轉(zhuǎn)為set類型，語法“newA=new Set(a);newB=new Set(b);”；2、利用has()和filter()求差集，語法“new Set([...newA].filter(x =>!newB.has(x)))”，差集元素會被包含在一個set集合中返回；3、利用Array.from將集合轉(zhuǎn)為數(shù)組類型，語法“Array.from(集合)”。

找出2個數(shù)組中不同項，就是獲取兩個數(shù)組的差集。

在es6中，可以借助set對象的has()方法來求兩個數(shù)組的差集。

實現(xiàn)步驟：

步驟1、將兩個數(shù)組分別轉(zhuǎn)為set類型

let a=[1, 2, 3];
let b=[3, 5, 2];
newA = new Set(a);
newB = new Set(b);

步驟2：求差集

利用set對象的has() 方法配合數(shù)組的filter()來求兩個數(shù)組的差集。

• Set has() 方法指示 Set 對象是否包含指定的值；如果指定的值存在，則返回真，否則返回假。

• 而filter()方法用于過濾數(shù)組，返回符合條件（為真）的元素。

實現(xiàn)代碼

let a=[1, 2, 3];
let b=[3, 5, 2];
newA = new Set(a);
newB = new Set(b); 
console.log(newA);
console.log(newB);
let differenceABSet = new Set([...newA].filter(x => !newB.has(x)));
console.log("差集為：");
console.log(differenceABSet);

可以看出此時，差集元素被包含在一個set集合中返回，我們可以將其轉(zhuǎn)為數(shù)組類型。

步驟3：利用Array.from方法將集合轉(zhuǎn)為數(shù)組類型

let a=[1, 2, 3];
let b=[3, 5, 2];
newA = new Set(a);
newB = new Set(b); 
console.log(newA);
console.log(newB);
let differenceABSet = Array.from(new Set([...newA].filter(x => !newB.has(x))));
console.log("差集為：");
console.log(differenceABSet);

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

擴(kuò)展知識：求并集／交集

let a = new Set([1, 2, 3]);
let b = new Set([3, 5, 2]); 

// 并集
let unionSet = new Set([...a, ...b]);
//[1,2,3,5]

// ab交集
let intersectionSet = new Set([...a].filter(x => b.has(x)));

到此，相信大家對“es6如何找出2個數(shù)組中不同項”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！