ES6 Set的用法

类型转换

Array

// Array 转 Set

var mySet = new Set(["value1", "value2", "value3"]); // 用...操作符,将 Set 转 Array

var myArray = [...mySet]; String // String 转 Set

var mySet = new Set(‘hello‘);  // Set {‘h‘, ‘e‘, ‘l‘, ‘l‘, ‘o‘} // 注:Set 中 toString 方法是不能将 Set 转换成 String

Set 对象作用

数组去重

var mySet = new Set([1, 2, 3, 4, 4]); [...mySet]; // [1, 2, 3, 4]

并集

var a = new Set([1, 2, 3]); var b = new Set([4, 3, 2]); var union = new Set([...a, ...b]); // {1, 2, 3, 4}

交集

var a = new Set([1, 2, 3]); var b = new Set([4, 3, 2]); var intersect = new Set([...a].filter(x => b.has(x))); // {2, 3}

差集

var a = new Set([1, 2, 3]); var b = new Set([4, 3, 2]); var difference = new Set([...a].filter(x => !b.has(x))); // {1}

原文地址:https://www.cnblogs.com/lyj153/p/10559460.html

时间: 2024-07-31 00:17:44

ES6 Set的用法的相关文章

es6重要内容用法

ES6 一.ECMA历史 组成部分: ECMA.DOM.BOM 什么是ECMA?全称 ECMAScript 简写 ECMA 或 ES ECMA是一个标准,JS是实现 例如: HTML5 是标准,chrome,FF,IE10是实现 将来也可能有 xxxscript 实现ECMA 目前的版本: 低级浏览器: 主要支持es3.1,3.2 高级浏览器: 正从ES5过度到ES6 版本进化过程 1996 ES1.0 js稳定 Netscape将js提交给ECMA组织 1998 ES2.0 正式发布 1999

ES6 Promise的用法(摘抄)

Promise是一个构造函数,自己身上有all.reject.resolve这几个眼熟的方法,原型上有then.catch等同样很眼熟的方法. 那就new一个 var p = new Promise(function(resolve, reject){    //做一些异步操作    setTimeout(function(){        console.log('执行完成');        resolve('随便什么数据');    }, 2000);}); Promise的构造函数接收

ES6之Promise用法详解

一 前言 本文主要对ES6的Promise进行一些入门级的介绍.要想学习一个知识点,肯定是从三个方面出发,what.why.how.下面就跟着我一步步学习吧~ 二 什么是Promise 首先是what.那么什么是Promise呢? 以下是MDN对Promise的定义 The Promise object is used for asynchronous computations. A Promise represents a single asynchronous operation that

es6 reduce的用法

一.forEach回调函数参数,item(数组元素).index(序列).arr(数组本身)循环数组,无返回值,不改变原数组不支持return操作输出,return只用于控制循环是否跳出当前循环 二.includes判断数组是否包含某个元素,不用return,不用回调函数,返回布尔值 三.filter使用return操作输出,会循环数组每一项,并在回调函数中操作返回满足条件的元素组成的数组,不改变原数组 四.map输出的是return什么就输出什么新数组原数组被"映射"成对应新数组,返

ES6 promise的用法

function runAsync(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('随便什么数据'); }, 2000); }); return p; } runAsync() 接下来调用runAsync()方法 runAsync().then((res)=>{ console.log(res); // res:随便什么

ES6 async await

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>async-await</title> 6 </head> 7 <body> 8 <h3>ES6 async 函数用法</h3> 9 10 <script> 11 12 wind

细说前端自动化打包工具--webpack

背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.做网页就和用world编辑一个文档一样,只不过那个工具叫Dreamweaver.一个html页面,夹杂着css,javascript是再常见不过的事了. 随着前端的不断发展,特别是单页应用的兴起,这种所见即所得的IDE工具,就渐渐地退出了前端的主流.一个应用,通常只有一个静态页面(index.html),甚至这个页面的body只有一个或少数几个div组成.这时有

React组件性能优化

转自:https://segmentfault.com/a/1190000006100489 React: 一个用于构建用户界面的JAVASCRIPT库. React仅仅专注于UI层:它使用虚拟DOM技术,以保证它UI的高速渲染:它使用单向数据流,因此它数据绑定更加简单:那么它内部是如何保持简单高效的UI渲染呢? React不直接操作DOM,它在内存中维护一个快速响应的DOM描述,render方法返回一个DOM的描述,React能够计算出两个DOM描述的差异,然后更新浏览器中的DOM. 就是说R

为什么原型继承很重要 – SegmentFault

五天之前我写了一个关于ES6标准中Class的文章.在里面我介绍了如何用现有的Javascript来模拟类并且介绍了ES6中类的用法,其实它只是一个语法糖.感谢Om Shakar以及Javascript Room中的各位,我的编程风格从那时候开始发生了改变:就像Dougla Crockford2006年做的一样,我也学习了很多来完全理解基于原型的编程方式. Javascript是一个多样化的编程语言.它拥有面向对象和函数式的编程特点,你可以使用任何一种风格来编写代码.然而这两个编程风格并不能很好