步驟：1、將兩個(gè)陣列分別轉(zhuǎn)換為set類型，語法「newA=new Set(a);newB=new Set(b);」；2、利用has()和filter()求差集，語法“new Set([...newA].filter(x =>!newB.has(x)))”，差集元素會(huì)被包含在一個(gè)set集合中返回；3、利用Array .from將集合轉(zhuǎn)為陣列類型，語法「Array.from(集合)」。
本教學(xué)操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
找出2個(gè)陣列中不同項(xiàng)，就是取得兩個(gè)陣列的差集。
在es6中，可以藉助set物件的has()方法來求兩個(gè)陣列的差集。
實(shí)作步驟：
步驟1、將兩個(gè)陣列分別轉(zhuǎn)為set類型
let a=[1, 2, 3]; let b=[3, 5, 2]; newA = new Set(a); newB = new Set(b);
步驟2：求差集
利用set物件的has() 方法來配合陣列的filter()來求兩個(gè)陣列的差集。
Set has() 方法指示 Set 物件是否包含指定的值；如果指定的值存在，則傳回真，否則傳回假。
而filter()方法用於過濾數(shù)組，傳回符合條件（為真）的元素。
實(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 = new Set([...newA].filter(x => !newB.has(x)));
console.log("差集為：");
console.log(differenceABSet);
#可以看出此時(shí)，差集元素被包含在一個(gè)set集合中傳回，我們可以將其轉(zhuǎn)為數(shù)組類型。
步驟3：利用Array.from方法將集合轉(zhuǎ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 = Array.from(new Set([...newA].filter(x => !newB.has(x))));
console.log("差集為：");
console.log(differenceABSet);數(shù)組中不同項(xiàng) "166729681444618es6怎麼找出2個(gè)數(shù)組中不同項(xiàng)")
說明：Array.from方法用於將兩類物件轉(zhuǎn)為真正的陣列：類似陣列的物件（array-like object）和可遍歷（iterable）的物件（包括ES6 新增的資料結(jié)構(gòu)Set 和Map）。
擴(kuò)展知識(shí)：求並集／交集
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)));
【相關(guān)推薦：javascript影片教學(xué)、web前端】
以上是es6怎麼找出2個(gè)數(shù)組中不同項(xiàng)的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
ES6怎麼求數(shù)組反轉(zhuǎn)
Oct 26, 2022 pm 06:19 PM
在ES6中，可以利用數(shù)組物件的reverse()方法來實(shí)現(xiàn)數(shù)組反轉(zhuǎn)，該方法用於顛倒數(shù)組中元素的順序，將最後一個(gè)元素放在第一位，而第一個(gè)元素放在最後，語法「array.reverse()」。 reverse()方法會(huì)修改原始數(shù)組，如果不想修改需要配合擴(kuò)充運(yùn)算子「...」使用，語法「[...array].reverse()」。
async是es6還是es7的
Jan 29, 2023 pm 05:36 PM
async是es7的。 async和await是ES7中新增內(nèi)容，是對(duì)於非同步操作的解決方案；async/await可以說是co模組和生成器函數(shù)的語法糖，用更清晰的語意解決js非同步程式碼。 async顧名思義是「非同步」的意思，async用於聲明一個(gè)函數(shù)是異步的；async和await有一個(gè)嚴(yán)格規(guī)定，兩者都離不開對(duì)方，且await只能寫在async函數(shù)中。
小程式為什麼要將es6轉(zhuǎn)es5
Nov 21, 2022 pm 06:15 PM
為了瀏覽器相容。 ES6作為JS的新規(guī)範(fàn)，加入了許多新的語法和API，但現(xiàn)代瀏覽器對(duì)ES6新特性支援不高，所以需將ES6程式碼轉(zhuǎn)換為ES5程式碼。在微信web開發(fā)者工具中，會(huì)預(yù)設(shè)使用babel將開發(fā)者ES6語法程式碼轉(zhuǎn)換為三端都能很好支援的ES5的程式碼，幫助開發(fā)者解決環(huán)境不同所帶來的開發(fā)問題；只需要在專案中配置勾選好「ES6轉(zhuǎn)ES5」選項(xiàng)即可。
es6怎麼找出2個(gè)數(shù)組中不同項(xiàng)
Nov 01, 2022 pm 06:07 PM
步驟：1、將兩個(gè)陣列分別轉(zhuǎn)換為set類型，語法「newA=new Set(a);newB=new Set(b);」；2、利用has()和filter()求差集，語法“ new Set([...newA].filter(x =>!newB.has(x)))”，差集元素會(huì)被包含在一個(gè)set集合中返回；3、利用Array.from將集合轉(zhuǎn)為數(shù)組類型，語法“Array.from(集合)”。
es5和es6怎麼實(shí)現(xiàn)陣列去重
Jan 16, 2023 pm 05:09 PM
es5中可以利用for語句和indexOf()函數(shù)來實(shí)現(xiàn)數(shù)組去重，語法“for(i=0;i<數(shù)組長度;i++){a=newArr.indexOf(arr[i]);if(a== -1){...}}」。在es6中可以利用擴(kuò)充運(yùn)算子、Array.from()和Set來去重；需要先將陣列轉(zhuǎn)為Set物件來去重，然後利用擴(kuò)充運(yùn)算子或Array.from()函數(shù)來將Set物件轉(zhuǎn)回?cái)?shù)組即可。
es6暫時(shí)性死區(qū)是什麼意思
Jan 03, 2023 pm 03:56 PM
在es6中，暫時(shí)性死區(qū)是語法錯(cuò)誤，是指let和const命令使區(qū)塊形成封閉的作用域。在程式碼區(qū)塊內(nèi)，使用let/const指令宣告變數(shù)之前，變數(shù)都是不可用的，在變數(shù)宣告之前屬於該變數(shù)的「死區(qū)」；這在語法上，稱為「暫時(shí)性死區(qū)」。 ES6規(guī)定暫時(shí)性死區(qū)和let、const語句不出現(xiàn)變量提升，主要是為了減少運(yùn)行時(shí)錯(cuò)誤，防止在變量聲明前就使用這個(gè)變量，從而導(dǎo)致意料之外的行為。
es6怎麼判斷陣列裡總共有多少項(xiàng)
Jan 18, 2023 pm 07:22 PM
在es6中，可以利用array物件的length屬性來判斷數(shù)組裡總共有多少項(xiàng)，即取得數(shù)組中元素的個(gè)數(shù)；該屬性可傳回?cái)?shù)組中元素的數(shù)組，只需要使用「array.length」語句即可傳回表示數(shù)組物件的元素個(gè)數(shù)的數(shù)值，也就是長度值。
es6 import會(huì)變數(shù)提升嗎
Jan 18, 2023 pm 07:44 PM
ES6 import會(huì)產(chǎn)生變數(shù)提升的現(xiàn)象。變數(shù)提升是將變數(shù)宣告提升到它所在作用域的最開始的部分。 js要經(jīng)歷編譯跟執(zhí)行階段，在編譯階段的時(shí)候，會(huì)蒐集所有的變量聲明並且提前聲明變量，而其他的語句都不會(huì)改變他們的順序，因此，在編譯階段的時(shí)候，第一步就已經(jīng)執(zhí)行了，而第二部則是在執(zhí)行階段執(zhí)行到該語句的時(shí)候才執(zhí)行。
