3種方法:1、用set對(duì)象和擴(kuò)展運(yùn)算符,語法“Array.from(new Set([…a,…b]))”;2、用set對(duì)象和遍歷語句,語法“a.forEach(i=>{b.push(i);})let u=Array.from(new Set(b));”;3、用set對(duì)象和concat(),語法“Array.from(new Set(a.concat(b)))”。
前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具:點(diǎn)擊使用
本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
es6數(shù)組求并集的3種方法
方法1:利用set對(duì)象和擴(kuò)展運(yùn)算符“…”
-
利用擴(kuò)展運(yùn)算符“…”合并兩個(gè)數(shù)組
-
利用set對(duì)象去重
Set是ES6新提供的數(shù)據(jù)結(jié)構(gòu),類似于數(shù)組,但是本身沒有重復(fù)值。利用這一特性,我們可以將數(shù)組轉(zhuǎn)為Set類型進(jìn)行去重,然后使用Array.from方法將其再轉(zhuǎn)為數(shù)組。
示例:
let a=[1, 2, 3]; let b=[3, 5, 2]; console.log(a); console.log(b); // 并集 let unionSet = Array.from(new Set([...a, ...b])); console.log("并集:"); console.log(unionSet);
方法2:利用set對(duì)象和遍歷語句
-
利用forEach()和push()合并兩個(gè)數(shù)組
用forEach()遍歷a數(shù)組,用push()將a數(shù)組的元素一個(gè)個(gè)添加到b數(shù)組的末尾
-
利用set對(duì)象去重
示例:
let a=[1, 2, 3]; let b=[3, 5, 2]; console.log(a); console.log(b); a.forEach(item => { b.push(item); }) // 并集 let unionSet = Array.from(new Set(b)); console.log("并集:"); console.log(unionSet);
方法3:利用set對(duì)象和concat()
concat() 方法用于連接兩個(gè)或多個(gè)數(shù)組。
array1.concat(array2,array3,...,arrayX)
會(huì)返回一個(gè)新的數(shù)組。該數(shù)組是通過把所有 arrayX 參數(shù)添加到 arrayObject 中生成的。如果要進(jìn)行 concat() 操作的參數(shù)是數(shù)組,那么添加的是數(shù)組中的元素,而不是數(shù)組。
示例:
let a=[1, 2, 3]; let b=[2, 4, 6]; console.log(a); console.log(b); // 并集 let unionSet = Array.from(new Set(a.concat(b))); console.log("并集:"); console.log(unionSet);
【