开发者社区> 游客6w5iiviqxobva> 正文

js 找出两个数组中不同元素和相同元素的几种方法

简介: 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 能够隐藏 HTML 元素
JavaScript 能够隐藏 HTML 元素
12 0
js、css分别实现元素水平垂直居中
js、css分别实现元素水平垂直居中
19 0
js 删除指定的元素
.使用splice(start,num);方法删除元素。start:开始删除的索引位置,从0开始;num,删除的元素个数
15 0
HTML中的JavaScript中script元素与XHTML中的变化
XHTML是HTML的严格版本,遵循更加严格的标记语言规则和XML语法,相较于HTML,XHTML中的JavaScript脚本元素有了一些变化。本文将重点讨论XHTML中的script元素与HTML中的script元素的区别,以及在编写XHTML页面时需要注意的事项。
17 0
HTML中的JavaScript中script元素 动态加载脚本
本文介绍了HTML中JavaScript的动态加载脚本的概念、优势和实现方式,并结合实例讲解了如何通过动态加载脚本实现更加灵活的控制和优化。
19 0
HTML中的JavaScript中script元素动态加载脚本
在HTML中,<script>元素可以通过动态创建和添加来实现动态加载脚本。动态加载脚本可以优化页面性能和提高用户体验,但需要注意脚本的执行顺序和依赖关系。
60 0
HTML中的JavaScript中script元素异步执行脚本
HTML中的<script>元素通过添加async属性可以实现异步执行JavaScript脚本。这种方式可以加快页面加载速度,提高用户体验。
24 0
HTML中的JavaScript中script元素推迟执行脚本
在HTML中,<script>元素可以通过添加defer或async属性来推迟或异步执行JavaScript脚本。这种方式可以优化页面性能和提高用户体验。
36 0
js基础笔记学习229元素得修改2
js基础笔记学习229元素得修改2
12 0
js基础笔记学习228元素得修改1
js基础笔记学习228元素得修改1
19 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载