快捷導(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)文章

JavaScript中的Window.open()用法示例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中Window.open()用法的相關(guān)資料,今天在項目中用到了彈出子窗口,就想到了用JavaScript實現(xiàn)的兩種方法,其中一個就是window.open(),需要的朋友可以參考下
2023-07-07
js實現(xiàn)點(diǎn)贊按鈕功能的實例代碼
這篇文章主要介紹了js實現(xiàn)點(diǎn)贊按鈕功能,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的工作或?qū)W習(xí)具有一定的參考借鑒價值，需要的朋友可以參考下
2020-03-03
原生JS實現(xiàn)九宮格抽獎效果
本篇文章主要介紹了原生JS實現(xiàn)九宮格抽獎效果的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
javascript實現(xiàn)的左右無縫滾動效果
這篇文章主要介紹了javascript實現(xiàn)的左右無縫滾動效果,可實現(xiàn)左右平滑無縫滾動的效果,并且可響應(yīng)鼠標(biāo)滑過而停止?jié)L動,非常簡便實用,需要的朋友可以參考下
2016-09-09
echarts中幾種漸變方式的具體實現(xiàn)方式
在使用echarts繪制圖表時,有的時候需要使用漸變色,下面這篇文章主要給大家介紹了關(guān)于echarts中幾種漸變方式的具體實現(xiàn)方式,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-11-11
javascript Array.prototype.slice使用說明
slice 可以用來獲取數(shù)組片段，它返回新數(shù)組，不會修改原數(shù)組。
2010-10-10
BootStrap Table對前臺頁面表格的支持實例講解
bootstrap-table是在bootstrap的基礎(chǔ)上面做了一些封裝，所以在使用bootstrap-table之前要導(dǎo)入的js和css，下面通過本文給大家詳細(xì)介紹需要引入的文件，對bootstrap table 表格感興趣的朋友一起看看吧
2016-12-12
js獲取上傳文件大小示例代碼
js獲取上傳文件大小在ie下要改安全設(shè)置中的對為標(biāo)記為可安全執(zhí)行腳本的ActiveX空間初始化并執(zhí)行,需要的朋友可以參考下
2014-04-04
JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實例分析了javascript操作XML文件與table表格的技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
使用JavaScript構(gòu)建JSON格式字符串實現(xiàn)步驟
這篇文章將幫助你使用javascript來創(chuàng)建json格式字符串如果你需要通過web項目來構(gòu)建json格式字符串的響應(yīng),感興趣的各位可以參考下哈，希望可以幫助到你
2013-03-03