本篇內(nèi)容主要講解“es6如何找出2個(gè)數(shù)組中不同項(xiàng)”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“es6如何找出2個(gè)數(shù)組中不同項(xiàng)”吧!
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),尖草坪企業(yè)網(wǎng)站建設(shè),尖草坪品牌網(wǎng)站建設(shè),網(wǎng)站定制,尖草坪網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,尖草坪網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
步驟:1、將兩個(gè)數(shù)組分別轉(zhuǎn)為set類型,語法“newA=new Set(a);newB=new Set(b);”;2、利用has()和filter()求差集,語法“new Set([...newA].filter(x =>!newB.has(x)))”,差集元素會被包含在一個(gè)set集合中返回;3、利用Array.from將集合轉(zhuǎn)為數(shù)組類型,語法“Array.from(集合)”。
找出2個(gè)數(shù)組中不同項(xiàng),就是獲取兩個(gè)數(shù)組的差集。
在es6中,可以借助set對象的has()方法來求兩個(gè)數(shù)組的差集。
實(shí)現(xiàn)步驟:
步驟1、將兩個(gè)數(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()來求兩個(gè)數(shù)組的差集。
Set has() 方法指示 Set 對象是否包含指定的值;如果指定的值存在,則返回真,否則返回假。
而filter()方法用于過濾數(shù)組,返回符合條件(為真)的元素。
實(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);
可以看出此時(shí),差集元素被包含在一個(gè)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個(gè)數(shù)組中不同項(xiàng)”有了更深的了解,不妨來實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!