js如何找出两个数组中不同的元素

 更新时间:2022年12月09日 14:06:11   作者:Agwenbi  
这篇文章主要介绍了js如何找出两个数组中不同的元素,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

js找出两个数组中不同的元素

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找出两个数组中不同元素和相同元素的几种方法

题干:

两个数组 var A = [1, 5, 6]; var B = [2, 6, 7],实现一个方法,找出仅存在于A 或者 仅 存在于B中的所有数字

找出不同元素

方法一:

// 方法一:
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;
  });
};

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JS/Jquery判断对象为空的方法

    JS/Jquery判断对象为空的方法

    本文给大家分享的是JS/Jquery判断对象是不是空对象的方法,十分的简单实用,有需要的小伙伴可以参考下。
    2015-06-06
  • 一文详解JavaScript闭包典型应用

    一文详解JavaScript闭包典型应用

    这篇文章主要介绍了关于Javascript闭包典型应用,文中有非常详细的代码示例.对正在学习js的伙伴们有很好的帮助,需要的朋友可以参考下
    2022-04-04
  • js根据给定的日期计算当月有多少天实现思路及代码

    js根据给定的日期计算当月有多少天实现思路及代码

    根据给定的日期计算当月有多少天,想必这样的功能大家都想实现吧,所以本文的出现相当有必要,接下来看下实现代码,感兴趣的朋友可以了解下,希望对你有所帮助
    2013-02-02
  • js编写的treeview使用方法

    js编写的treeview使用方法

    这篇文章主要为大家详细介绍了js编写的treeview使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • cnblogs csdn 代码运行框实现代码

    cnblogs csdn 代码运行框实现代码

    大家用cnblogs,csdn博客发布技术文档的时候,可以用下面的代码实现运行功能。当然大家看了源码就会发现其实方法还有很多。有更好的方法就发布一下啊。
    2009-11-11
  • JavaScript实现星星等级评价功能

    JavaScript实现星星等级评价功能

    这篇文章主要为大家详细介绍了JavaScript实现星星等级评价功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • mpvue微信小程序的接口请求fly全局拦截代码实例

    mpvue微信小程序的接口请求fly全局拦截代码实例

    这篇文章主要介绍了mpvue微信小程序的接口请求fly全局拦截代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • JavaScript事件冒泡机制原理实例解析

    JavaScript事件冒泡机制原理实例解析

    这篇文章主要介绍了JavaScript事件冒泡机制原理实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • JavaScript 直接操作本地文件的实现代码

    JavaScript 直接操作本地文件的实现代码

    Chrome、IE和Firefox都纷纷在新版中增强了JavaScript引擎的执行效率,随着JavaScript效率在各大浏览器的显著提高,JavaScript可以做越来越多的事,本地文件API的引入将让很多有趣的功能成为现实。
    2009-12-12
  • JScript实现地址选择功能

    JScript实现地址选择功能

    这篇文章主要为大家详细介绍了JScript实现地址选择功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08

最新评论