快捷導(dǎo)航

js如何找出兩個數(shù)組中不同的元素

更新時間：2022年12月09日 14:06:11 作者：Agwenbi

這篇文章主要介紹了js如何找出兩個數(shù)組中不同的元素，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

js找出兩個數(shù)組中不同的元素

function getNewArr(a,b){
    const arr = [...a,...b];
    const newArr = arr.filter(item => {
        return !(a.includes(item) && b.includes(item));
    });
    return newArr;
}
console.log(getNewArr(a,b));

js找出兩個數(shù)組中不同元素和相同元素的幾種方法

題干：

兩個數(shù)組 var A = [1, 5, 6]; var B = [2, 6, 7]，實現(xiàn)一個方法，找出僅存在于A 或者僅存在于B中的所有數(shù)字

找出不同元素

方法一：

// 方法一：
const filterArr = (arr1, arr2) => {
? const arr = [...arr1, ...arr2];
? const newArr = arr.filter((t) => {
? ? return !(arr1.includes(t) && arr2.includes(t));
? });
? return newArr;
};

方法二：

// 方法二
const filterArr2 = (arr1, arr2) => {
? // const newArr = arr1.contact(arr2);
? return arr1.concat(arr2).filter((t, i, arr) => {
? ? return arr.indexOf(t) === arr.lastIndexOf(t);
? });
};

方法三：

// 方法三
const arr1 = A.filter((t) => !B.includes(t));
const arr2 = B.filter((x) => !A.includes(x));
const newArr = arr1.concat(arr2);

找出相同的元素

方法一：

const filterArr = (arr1, arr2) => {
??let result = [];
??for (let i = 0; i < arr1.length; i++) {
????for (let j = 0; j < arr2.length; j++) {
??????if (arr1[i] === arr2[j]) {
????????result.push(arr1[i]);
??????}
????}
??}
??return result;
};

方法二：

const filterArr = (arr1, arr2) => {
? return arr1.filter((t) => {
? ? return arr2.includes(t);
? });
};

方法三：

const filterArr = (arr1, arr2) => {
? return arr1.filter((t) => {
? ? return arr2.indexOf(t) !== -1;
? });
};

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

推薦幾個不錯的console調(diào)試技巧實現(xiàn)
這篇文章主要介紹了推薦幾個不錯的console調(diào)試技巧實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
禁止彈窗中蒙層底部頁面跟隨滾動的幾種方法
我們大家在做彈出層的時候，必不可少的一個元素就是蒙層，也就是遮罩層，當(dāng)彈出層滾動的時候，蒙層底部的頁面一般是要求固定不動的，所以這篇文章就來給大家介紹了如何禁止彈窗中蒙層底部頁面跟隨滾動的幾種方法，需要的朋友可以參考下。
2017-12-12
用JS實現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了用JS實現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
js的隱含參數(shù)(arguments,callee,caller)使用方法
本篇文章只要是對js的隱含參數(shù)(arguments,callee,caller)使用方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
刪除數(shù)組條目中重復(fù)的條目(可能有多個)，返回值是一個僅包含被刪除的重復(fù)條目的新數(shù)組。
刪除數(shù)組條目中重復(fù)的條目(可能有多個)，返回值是一個僅包含被刪除的重復(fù)條目的新數(shù)組。...
2007-09-09
js實現(xiàn)3D旋轉(zhuǎn)效果
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)3D旋轉(zhuǎn)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
javascript特殊文本輸入框網(wǎng)頁特效
這篇文章主要為大家詳細(xì)介紹了javascript特殊文本輸入框網(wǎng)頁特效,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
js實現(xiàn)的下拉框二級聯(lián)動效果
這篇文章主要介紹了js實現(xiàn)的下拉框二級聯(lián)動效果,涉及JavaScript針對頁面元素的遍歷與節(jié)點操作相關(guān)技巧,需要的朋友可以參考下
2016-04-04
uniapp時間格式和距離格式的轉(zhuǎn)換
這篇文章主要介紹了uniapp時間格式和距離格式的轉(zhuǎn)換,第一種是把? YYYY-MM-DD hh:mm:ss 轉(zhuǎn)換成?MM月DD日,第二種是把? hh:mm:ss 轉(zhuǎn)換成?hh:mm,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下
2023-09-09
微信小程序登錄獲取不到頭像和昵稱的詳細(xì)解決辦法
相信好多小伙伴在使用getUserInfo獲取小程序用戶昵稱和頭像時卻獲取不到,下面這篇文章主要給大家介紹了關(guān)于微信小程序登錄獲取不到頭像和昵稱的詳細(xì)解決辦法,需要的朋友可以參考下
2022-12-12