ES7愈魏、ES6、ES5實現(xiàn)求數(shù)組的并集

1培漏、ES7實現(xiàn)方式

ES7中新增一個Array.prototype.includes():includes() 方法用來判斷一個數(shù)組是否包含一個指定的值胡本,根據(jù)情況牌柄,如果包含則返回 true珊佣,否則返回false。我們可以將includes方法與filter方法結(jié)合實現(xiàn)求數(shù)組的并集咒锻、交集和差集守屉,如下:

let a = [1,2,3];
let b = [2,4,5];
//并集
console.log(a.concat(b.filter(v => !a.includes(v))));//[1, 2, 3, 4, 5]
//交集
console.log(a.filter(v => b.includes(v)));// [2]
//差集
console.log(a.concat(b).filter(v => a.includes(v) && !b.includes(v)));//[1, 3]
2、ES6實現(xiàn)方式(利用Set數(shù)組去重的原理)

ES6中新增一個Array.from():該方法從一個類似數(shù)組或可迭代對象中創(chuàng)建一個新的數(shù)組實例(即將類數(shù)組對象和可遍歷對象轉(zhuǎn)化為數(shù)組拇泛。只要類數(shù)組有l(wèi)ength長度须板,基本都可以轉(zhuǎn)化為數(shù)組)兢卵。為我們將該方法與Set結(jié)構(gòu)結(jié)合實現(xiàn)數(shù)組的并集、交集和差集秽荤,如下:

let a = [1,2,3];
let b = [2,4,5];

let aSet = new Set([1,2,3]);
let bSet = new Set([2,4,5]);

//并集
let union = Array.from(new Set(a.concat(b)));
console.log(union );//[1, 2, 3, 4, 5]
//交集
let intersection = Array.from(new Set(a.filter(v => bSet.has(v))));
console.log(intersection);//[2]
//差集
let differenceNew = Array.from(new Set(a.concat(b).filter(v => aSet.has(v) && !bSet.has(v))));
console.log(differenceNew);//[1,3]
3、ES5實現(xiàn)方式

ES5可以利用filter和indexOf進行數(shù)學(xué)集操作课兄,但是,由于indexOf方法中NaN永遠返回-1烟阐,所以需要進行兼容處理,即分兩種情況:
(1)不考慮NaN的情況(數(shù)組中不含NaN)

var a = [1,2,3];
var b = [2,4,5];

// 并集
var union = a.concat(b.filter(function(v) {
    return a.indexOf(v) === -1
}))
// 交集
var intersection = a.filter(function(v){ 
    return b.indexOf(v) > -1 
}) 
// 差集
var difference = a.filter(function(v){ 
    return b.indexOf(v) === -1 
})
console.log(union); // [1,2,3,4,5]
console.log(intersection);// [2]
console.log(difference);// [1,3]

(2)考慮NaN的情況

var a = [1, 2, 3, NaN];
var b = [2, 4, 5];

var aHasNaN = a.some(function (v) {
    return isNaN(v)
})
var bHasNaN = b.some(function (v) {
    return isNaN(v)
})

// 并集
var union = a.concat(b.filter(function (v) {
    return a.indexOf(v) === -1 && !isNaN(v)
})).concat(!aHasNaN && bHasNaN ? [NaN] : []) 
// 交集
var intersection = a.filter(function (v) {
    return b.indexOf(v) > -1
}).concat(aHasNaN && bHasNaN ? [NaN] : []) 
// 差集
var difference = a.filter(function (v) {
    return b.indexOf(v) === -1 && !isNaN(v)
}).concat(aHasNaN && !bHasNaN ? [NaN] : [])

console.log(union);// [1,2,3,4,5,NaN]
console.log(intersection);// [2]
console.log(difference);//1,3,NaN
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市餐屎,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌屿聋,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,835評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件润讥,死亡現(xiàn)場離奇詭異,居然都是意外死亡楚殿,警方通過查閱死者的電腦和手機宴抚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來冠绢,“玉大人,你說我怎么就攤上這事弟胀。” “怎么了孵户?”我有些...
    開封第一講書人閱讀 156,481評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長夏哭。 經(jīng)常有香客問我,道長何址,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,303評論 1 282
  • 正文 為了忘掉前任用爪,我火速辦了婚禮,結(jié)果婚禮上偎血,老公的妹妹穿的比我還像新娘盯漂。我一直安慰自己,他們只是感情好宠能,可當(dāng)我...
    茶點故事閱讀 65,375評論 5 384
  • 文/花漫 我一把揭開白布亚隙。 她就那樣靜靜地躺著违崇,像睡著了一般诊霹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上脾还,一...
    開封第一講書人閱讀 49,729評論 1 289
  • 那天,我揣著相機與錄音鄙漏,去河邊找鬼。 笑死怔蚌,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的桦踊。 我是一名探鬼主播,決...
    沈念sama閱讀 38,877評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼竟闪,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了妖爷?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,633評論 0 266
  • 序言:老撾萬榮一對情侶失蹤赠涮,失蹤者是張志新(化名)和其女友劉穎暗挑,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體炸裆,經(jīng)...
    沈念sama閱讀 44,088評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,443評論 2 326
  • 正文 我和宋清朗相戀三年国拇,在試婚紗的時候發(fā)現(xiàn)自己被綠了惯殊。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,563評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡务热,死狀恐怖己儒,靈堂內(nèi)的尸體忽然破棺而出崎岂,到底是詐尸還是另有隱情,我是刑警寧澤闪湾,帶...
    沈念sama閱讀 34,251評論 4 328
  • 正文 年R本政府宣布冲甘,位于F島的核電站,受9級特大地震影響途样,放射性物質(zhì)發(fā)生泄漏江醇。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,827評論 3 312
  • 文/蒙蒙 一何暇、第九天 我趴在偏房一處隱蔽的房頂上張望陶夜。 院中可真熱鬧,春花似錦赖晶、人聲如沸律适。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捂贿。三九已至纠修,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間厂僧,已是汗流浹背扣草。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留颜屠,地道東北人辰妙。 一個月前我還...
    沈念sama閱讀 46,240評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像甫窟,于是被迫代替她去往敵國和親密浑。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,435評論 2 348