es6数组怎么求并集

3种方法:1、用set对象和扩展运算符,语法“Array.from(new Set([…a,…b]))”;2、用set对象和遍历语句,语法“a.forEach(i=>{b.push(i);})let u=Array.from(new Set(b));”;3、用set对象和concat(),语法“Array.from(new Set(a.concat(b)))”。

es6数组怎么求并集

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6数组求并集的3种方法

方法1:利用set对象和扩展运算符“…”

利用扩展运算符“…”合并两个数组

利用set对象去重

Set是ES6新提供的数据结构,类似于数组,但是本身没有重复值。利用这一特性,我们可以将数组转为Set类型进行去重,然后使用Array.from方法将其再转为数组。

示例:

let a=[1, 2, 3];let b=[3, 5, 2];console.log(a);console.log(b);// 并集let unionSet = Array.from(new Set([...a, ...b]));console.log("并集:");console.log(unionSet);

登录后复制

1.png

方法2:利用set对象和遍历语句

利用forEach()和push()合并两个数组

用forEach()遍历a数组,用push()将a数组的元素一个个添加到b数组的末尾

利用set对象去重

示例:

let a=[1, 2, 3];let b=[3, 5, 2];console.log(a);console.log(b);a.forEach(item => {    b.push(item);})// 并集let unionSet = Array.from(new Set(b));console.log("并集:");console.log(unionSet);

登录后复制

2.png

方法3:利用set对象和concat()

concat() 方法用于连接两个或多个数组。

array1.concat(array2,array3,...,arrayX)

登录后复制

会返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

示例:

let a=[1, 2, 3];let b=[2, 4, 6];console.log(a);console.log(b);// 并集let unionSet = Array.from(new Set(a.concat(b)));console.log("并集:");console.log(unionSet);

登录后复制

3.png

【相关推荐:javascript视频教程、web前端】

以上就是es6数组怎么求并集的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2924675.html

(0)
上一篇 2025年3月11日 18:59:26
下一篇 2025年3月11日 18:59:32

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • promise是es6的吗

    是的。promise是ECMAScript 6新增的引用类型,表示一个异步操作的最终完成或者失败。promise是解决异步编程调用代码逻辑编写过于复杂的问题的,当网络请求非常复杂时,就会出现回调地狱,这样如果将这些代码写在一起就会看起来很复…

    2025年3月11日
    100
  • es6新增循环有哪些

    es6新增循环语句有一个:“for of”循环。“for..of”语句可循环遍历整个对象,是在迭代器生产的一系列值的循环;“for..of”循环的值必须是一个iterable(可迭代的),语法“for(当前值 of 数组){…}…

    2025年3月11日 编程技术
    200
  • javascript怎么求13阶乘

    方法:1、利用for循环,语法“var cj=1;for(var i=1;i 本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。 阶乘是基斯顿·卡曼(Christian Kramp,1760~182…

    2025年3月11日 编程技术
    200
  • es6中map和object的区别是什么

    区别:1、Map的键可以是任意值,而Object的键必须是一个String或是Symbol。2、Map中的key是有序的,而Object的键是无序的。3、Map的键值对个数可以轻易地通过size属性获取,而Object的键值对个数只能手动计…

    2025年3月11日
    200
  • es6中什么是原型链

    原型链,简单理解就是原型组成的链。当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__proto__隐式原型上查找,即它的构造函数的prototype,如果还没有找到就会再在构造函数的prototype的_…

    2025年3月11日 编程技术
    200
  • await是es6还是es7的

    await是es7。async和await是ES7中新增内容,是对于异步操作的解决方案。async顾名思义是“异步”的意思,async用于声明一个函数是异步的;而await从字面意思上是“等待”的意思,就是用于等待异步完成。async和aw…

    2025年3月11日 编程技术
    200
  • jquery中什么是事件冒泡

    冒泡事件就是,事件发生后,浏览器通常首先触发事件发生元素上的事件处理程序,然后是它的父元素,父元素的父元素……依此类推, 直到文档的根元素为止。冒泡事件是事件传播的最常见的方式;当处理好一个事件后,如果想要停止事件的传播,不希望它继续冒泡,…

    2025年3月11日 编程技术
    200
  • jquery怎么增加父标签

    在jquery中,可以利用wrap()函数来给指定元素增加父标签。增加方法:1、利用jquery选择器选取指定元素对象,语法“$(selector)”;2、使用wrap()函数给获取的元素对象增加一个指定父元素,语法“元素对象.wrap(h…

    2025年3月11日
    200
  • jquery有trim方法吗

    jquery有trim方法。在jquery中,trim()方法用于去除字符串两端的空白字符,会移除字符串开始和末尾处的所有换行符、空格(包括连续的空格)和制表符,语法“$.trim(str)”。trim()方法只能在jQuery3.5前的版…

    2025年3月11日
    200
  • es6增强了哪些功能

    es6增强的功能:1、解构赋值,允许按照一定的模式,从数组或对象中提取值,给变量进行赋值。2、为字符串添加了遍历器接口,使得字符串可以被”for…of循环遍历。3、模板字符串,是增强版的字符串。4、标签模板,是函数调用的一种特殊…

    2025年3月11日
    200

发表回复

登录后才能评论