js如何找出兩個(gè)數(shù)組中不同的元素
js找出兩個(gè)數(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找出兩個(gè)數(shù)組中不同元素和相同元素的幾種方法
題干:
兩個(gè)數(shù)組 var A = [1, 5, 6]; var B = [2, 6, 7],實(shí)現(xiàn)一個(gè)方法,找出僅存在于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é)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JavaScript數(shù)組filter方法
- js深度合并兩個(gè)數(shù)組對(duì)象的實(shí)現(xiàn)
- JavaScript實(shí)現(xiàn)數(shù)組去重的十種方法分享
- JavaScript中數(shù)組隨機(jī)排序的實(shí)現(xiàn)詳解
- JavaScript數(shù)組合并的8種常見方法小結(jié)
- JavaScript高階API數(shù)組reduce函數(shù)使用示例
- JavaScript中運(yùn)算符與數(shù)組擴(kuò)展詳細(xì)講解
- JS數(shù)組操作大全對(duì)象數(shù)組根據(jù)某個(gè)相同的字段分組
- Java?從json提取數(shù)組并轉(zhuǎn)換為list的操作方法
- js對(duì)象合并的4種方式與數(shù)組合并的4種方式
- 27個(gè)JavaScript數(shù)組常見方法匯總與實(shí)例說明
相關(guān)文章
JavaScript中的Window.open()用法示例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中Window.open()用法的相關(guān)資料,今天在項(xiàng)目中用到了彈出子窗口,就想到了用JavaScript實(shí)現(xiàn)的兩種方法,其中一個(gè)就是window.open(),需要的朋友可以參考下2023-07-07js實(shí)現(xiàn)點(diǎn)贊按鈕功能的實(shí)例代碼
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)贊按鈕功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的工作或?qū)W習(xí)具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03原生JS實(shí)現(xiàn)九宮格抽獎(jiǎng)效果
本篇文章主要介紹了原生JS實(shí)現(xiàn)九宮格抽獎(jiǎng)效果的示例代碼。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04javascript實(shí)現(xiàn)的左右無縫滾動(dòng)效果
這篇文章主要介紹了javascript實(shí)現(xiàn)的左右無縫滾動(dòng)效果,可實(shí)現(xiàn)左右平滑無縫滾動(dòng)的效果,并且可響應(yīng)鼠標(biāo)滑過而停止?jié)L動(dòng),非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下2016-09-09echarts中幾種漸變方式的具體實(shí)現(xiàn)方式
在使用echarts繪制圖表時(shí),有的時(shí)候需要使用漸變色,下面這篇文章主要給大家介紹了關(guān)于echarts中幾種漸變方式的具體實(shí)現(xiàn)方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11javascript Array.prototype.slice使用說明
slice 可以用來獲取數(shù)組片段,它返回新數(shù)組,不會(huì)修改原數(shù)組。2010-10-10BootStrap Table對(duì)前臺(tái)頁面表格的支持實(shí)例講解
bootstrap-table是在bootstrap的基礎(chǔ)上面做了一些封裝,所以在使用bootstrap-table之前要導(dǎo)入的js和css,下面通過本文給大家詳細(xì)介紹需要引入的文件,對(duì)bootstrap table 表格感興趣的朋友一起看看吧2016-12-12JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實(shí)例分析了javascript操作XML文件與table表格的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04使用JavaScript構(gòu)建JSON格式字符串實(shí)現(xiàn)步驟
這篇文章將幫助你使用javascript來創(chuàng)建json格式字符串如果你需要通過web項(xiàng)目來構(gòu)建json格式字符串的響應(yīng),感興趣的各位可以參考下哈,希望可以幫助到你2013-03-03