set方法是数组去重的好方法:

set:类似以前的数组,成员必须是唯一的,如果有相同的会合并掉
ES5:
var arr = new Array(1,2,3,4,1,3,4,2,1);
console.log(arr);//[1,2,3,4,1,3,4,2,1]ES6:
var set = new Set([1,2,3,4,1,3,4,2,1]);
console.log(set);//Set { 1, 2, 3, 4 }//set的添加addvar set = new Set();set.add(1);set.add(3);console.log(set);//Set {1,3}var set = new Set();[1,2,3,5,4,5,3,2,4].map(function(item){//console.log(item);set.add(item);})console.log(set);//Set { 1, 2, 3, 5, 4 }//读取:for-ofvar set = new Set([1,2,5,4,3,6,5,3]);console.log(set.length);//undefined,无length属性for(var item of set){console.log(item);//1,2,5,4,3,6}//扩展运算符var set = new Set([1,2,5,4,3,6,5,3]);var arr = [...set];//等同于for-of,输出过来的;可用其去重console.log(arr);//1,2,5,4,3,6//判断是否有某值var set = new Set([1,2,5,4,3,6,5,3]);console.log(set.has(3));//true
//返回数量,类似lengthconsole.log(set.size);//去完重之后的长度,6//并集var a = new Set([1,2,5]);var b = new Set([4,8,7]);var c = new Set([...a,...b]);console.log(c);//Set { 1, 2, 5, 4, 8, 7 }//交集:差集(取反即可)var a = new Set([1,2,3]);var b = new Set([2,3,4]);var newArr = [...a].filter(function(item){return b.has(item);})console.log(newArr);//[2,3]

ES6语法---set相关推荐

  1. React使用ES6语法重构组件代码

    首次使用react,要注意react不同版本库,是ES5还是ES6的写法,如何做到统一.下面对于ES6语法重构组件的代码如下: (1)原始代码: <script type="text/ ...

  2. Vue之Todolist案例和ES6语法

    2.7 Todolist案例 2.7.1 准备工作 <!DOCTYPE html> <html> <head><meta charset="utf- ...

  3. React 项目 -ES6 语法类的继承 (10)

    在面向对象的编程语言中,基本上都是支持继承的,比如C++,和java,在ES6 中的类也引入的继承的概念,并且和java十分的类似,初学前端的ES6语法,我们在地方就介绍一下ES6 中的继承的语法. ...

  4. React项目 --ES6 语法中的class (9)

    上一篇的博客中我们介绍了,如何设置React项目的根目录 连接地址:https://blog.csdn.net/datouniao1/article/details/119505562 要学习Reac ...

  5. nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案

    nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 参考文章: (1)nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 (2)https://www.cnblogs.com/jk ...

  6. javascript创建类方法汇总(包含es6语法)

    复制以下代码,使用node  xxx.js 即可运行 /*********************************** * 使用class关键字定义类(ES6 语法) ************ ...

  7. WebStorm ES6 语法支持设置

    ECMAScript 6是JavaScript语言的下一代标准,已经在2015年6月正式发布了.Mozilla公司将在这个标准的基础上,推出JavaScript 2.0. ES6的目标,是使得Java ...

  8. ES6语法大全 export,import,for.of循环,promise等等

    做小程序 需要用到ES6 语法,顾做个总结 有些东西可能不全,暂时就总结了这些.以后待补充把 1.变量 let 局部变量 const 常量 var 全局变量 2.字符串的拓展 let str = &q ...

  9. ES6+mocha+istanbul,针对ES6语法的带覆盖率检查的mocha测试

    安装 mocha, chai,mochawesome,istanbul npm install mocha chai mochawesome istanbul@1.0.0-alpha.2 --save ...

  10. vue 2.0 无法编译ES6语法

    # vue2.0 webpack 无法编译 ES6 语法 之前在使用 vue 1.x 时用 vue-loader@8.0.0 版本可以正常打包vue的代码,包括ES6语法也能正常转为ES5语法,但是当 ...

最新文章

  1. Vue之axios发送Ajax请求
  2. 收藏! Linux 服务器必备的安全设置
  3. 新一代人工智能专利分析
  4. 修改程序配置文件 以及写一个结构体数组到文件(以及整数和结构体)
  5. 分析各种排序算法的优劣
  6. 关于引用传递的测试题
  7. no persister for
  8. 基于html5游戏毕业设计数据流图,基于HTML5的网络拓扑图设计
  9. 单边指数信号的特点_今日股市分析:上证指数若能守住3400,蓄力反弹就有戏...
  10. 前端基础进阶(二):执行上下文详细图解
  11. 异常将上下文初始化事件发送到类的侦听器实例_Java虚拟机从入门到入土之JVM的类加载机制
  12. Java:计算立方体的体积和底面积
  13. 征途2助手网关服务器,【征途2】官方网站-《征途2》夏日激情来袭,清凉一夏版本送限定套装...
  14. NC文件数据提取完成(1.16)
  15. 关于MPU6050姿态解算的一阶互补滤波方法(从原理到代码实现)
  16. 新员工入职表_舞钢农商银行:组织新招录员工开展反假币培训
  17. java线程状态切换图
  18. 主、谓、宾、定、状、补
  19. java给txt文件写入内容_java代码 如何向TXT文件写入内容?
  20. tomcat 启用https协议

热门文章

  1. 程序人生:女程序员的求职奋斗史
  2. [WCF Step by Step 读书笔记] Chapter01 WCF 介绍
  3. GetOpenFileName 选择文件的窗口
  4. vue 跳添加编辑页面传两个值_vuecli3开发多页面项目
  5. C语言逻辑填空题——审问嫌疑犯
  6. C语言课后习题(3)
  7. python基于值的内存管理模式_为什么说python采用的是基于值的内存管理模式
  8. dbforge studio for oracle 注册,dbForge Studio for Oracle
  9. 详述一则DB2 Error Code 1639和SQL State 08001案例诊断和解决方案
  10. 循序渐进Oracle:数据库的字符集和字符集文件