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;
  });
};

总结

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

相关文章

  • JavaScript中的Window.open()用法示例详解

    JavaScript中的Window.open()用法示例详解

    这篇文章主要给大家介绍了关于JavaScript中Window.open()用法的相关资料,今天在项目中用到了弹出子窗口,就想到了用JavaScript实现的两种方法,其中一个就是window.open(),需要的朋友可以参考下
    2023-07-07
  • js实现点赞按钮功能的实例代码

    js实现点赞按钮功能的实例代码

    这篇文章主要介绍了js实现点赞按钮功能,本文通过实例代码给大家介绍的非常详细,对大家的工作或学习具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 原生JS实现九宫格抽奖效果

    原生JS实现九宫格抽奖效果

    本篇文章主要介绍了原生JS实现九宫格抽奖效果的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • javascript实现的左右无缝滚动效果

    javascript实现的左右无缝滚动效果

    这篇文章主要介绍了javascript实现的左右无缝滚动效果,可实现左右平滑无缝滚动的效果,并且可响应鼠标滑过而停止滚动,非常简便实用,需要的朋友可以参考下
    2016-09-09
  • echarts中几种渐变方式的具体实现方式

    echarts中几种渐变方式的具体实现方式

    在使用echarts绘制图表时,有的时候需要使用渐变色,下面这篇文章主要给大家介绍了关于echarts中几种渐变方式的具体实现方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • javascript Array.prototype.slice使用说明

    javascript Array.prototype.slice使用说明

    slice 可以用来获取数组片段,它返回新数组,不会修改原数组。
    2010-10-10
  • BootStrap Table对前台页面表格的支持实例讲解

    BootStrap Table对前台页面表格的支持实例讲解

    bootstrap-table是在bootstrap的基础上面做了一些封装,所以在使用bootstrap-table之前要导入的js和css,下面通过本文给大家详细介绍需要引入的文件,对bootstrap table 表格感兴趣的朋友一起看看吧
    2016-12-12
  • js获取上传文件大小示例代码

    js获取上传文件大小示例代码

    js获取上传文件大小在ie下要改安全设置中的对为标记为可安全执行脚本的ActiveX空间初始化并执行,需要的朋友可以参考下
    2014-04-04
  • JavaScript实现将xml转换成html table表格的方法

    JavaScript实现将xml转换成html table表格的方法

    这篇文章主要介绍了JavaScript实现将xml转换成html table表格的方法,实例分析了javascript操作XML文件与table表格的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 使用JavaScript构建JSON格式字符串实现步骤

    使用JavaScript构建JSON格式字符串实现步骤

    这篇文章将帮助你使用javascript来创建json格式字符串如果你需要通过web项目来构建json格式字符串的响应,感兴趣的各位可以参考下哈,希望可以帮助到你
    2013-03-03

最新评论