ES6 新增集合----- Set 和Map】的更多相关文章

Sets 和数组一样,都是一些有序值的的集合,但是Sets 和数组又有所不同,首先Sets 集合中不能存有相同的值,如果你向Sets 添加重复的值,它会忽略掉, 其次Sets 集合的作用也有所不同,它的主要作用一是存储数据,二是在于看一个值是不是在集合中,而不是对单个值进行操作,Sets 的查找更快.那怎样才能创建一个Sets, 使用new  Set(); 怎样才能添加值呢? 调用add() 方法 let set = new Set(); ); ); set.add({ name: 'sam'…
ES6 提供了新的数据结构 Set以及Map,下面我们来一一讲解. 一.Set 特性 似于数组,但它的一大特性就是所有元素都是唯一的,没有重复. 我们可以利用这一唯一特性进行数组的去重工作. 1.单一数组的去重 let set6 = new Set([1, 2, 2, 3, 4, 3, 5]) console.log('distinct 1:', set6) 结果: distinct 1: Set { 1, 2, 3, 4, 5 } 2.多数组的合并去重 let arr1 = [1, 2, 3,…
检测代码方法 function isNative(api){ return /native code/.test(api.toString())&&typeof api !== 'undefined' } 如检测浏览器是否支持Proxy, isNative(Proxy). native code是:已被编译为特定于处理器的机器码的代码.是浏览器已经支持的代码.即native code检查是不是浏览器原生支持,而不是打补丁方式支持.…
一:声明属性let const var let const 区别 1.var声明变量会发生变量提升,let.const不会发生变量提升 2.var允许重复声明变量,let不可以 3.const声明变量不可以被改变 二:字符串模板 用反引号创建字符串,其中可用${'变量'} console.log(`your name is ${name}`); 三:解构赋值对数组和对象的优化 四:箭头函数 与普通函数的区别 1.书写上用=>代替了function 2.普通函数的this指向window 而ES6…
ES6新标准中将Set集合和Map集合添加到JS中. ES5中Set集合和Map集合 在ES5中,开发者们用对象属性来模拟这两种集合. var set = Object.create(null); set.foo = true; // 检查属性是否存在 if (set.foo) { // ... } 模拟Map集合同上例类似. 如果只是简单的应用上面的方法基本上能满足需求,但是如果碰到对象属性名的限制,就会产生一些问题. var map = Object.create(null); map[5]…
Javascript的默认对象表示方式 {} ,即一组键值对. 但是Javascript的对象有个小问题,就是键必须是字符串.但实际上Number或者其他数据类型作为键也是非常合理的. 为了解决这个问题,最新的ES6规范引入了新的数据类型Map. 1.Map ES6新增了Map数据结构,Map对象保存键值对,任何值(原始值或对象)都可以作为一个键或一个值. Map是一组键值对,有key 也有value. 初始化Map需要一个二维数组,或者直接初始化一个空Map. Map具有以下方法: set ,…
前面的话 在ES6标准制定以前,由于可选的集合类型有限,数组使用的又是数值型索引,因而经常被用于创建队列和栈.如果需要使用非数值型索引,就会用非数组对象创建所需的数据结构,而这就是Set集合与Map集合的早期实现.本文将详细介绍ES6中的set和map集合 引入 Set集合是一种无重复元素的列表,开发者们一般不会逐一读取数组中的元素,也不太可能逐一访问Set集合中的每个元素,通常的做法是检测给定的值在某个集合中是否存在 Map集合内含多组键值对,集合中每个元素分别存放着可访问的键名和它对应的值,…
ES6新增的常用数组方法 let arr = [1, 2, 3, 2, 1]; 一 forEach => 遍历数组 arr.forEach((v, i) => { console.log(v, i); }); 二 map => 使用一个数组, 利用某规则映射得到一个新数组 let mapArr = arr.map((v, i) => { return v * v; }); arr.map((v, i) => v * v); // 如果只有一句话, 可以省略大括号和return…
Map需要一个二维数组 var test_map = new Map(["mians",99],["regink",88]) test_map.get("mians") //返回99 test_map.set("mians", 77) //修改值 test_map.has("mians") //检测包含key test_map.delete("mians") //删除元素 Set保存ke…
Set和Map是ES6中新增的数据结构,Set是集合,无序唯一,Map类似于对象,也是"key-value"形式,但是key不局限于字符串. 1.Set的用法 Set是构造函数,可以使用new初始化一个Set实例,如下所示 var set = new Set(); set.add(2); set.add(2); set.add(3); set.add('hello'); console.log(set,set.size); //也可以使用数组或类数组作为参数进行初始化 var s1 =…