es6中的Set和Map数据结构

es6中的Set和Map数据结构

Set数据结构

es6新增了一种全新的数据结构，类似于数组，但其中的元素不允许重复，也就是每个元素在其中都是唯一的，我们可以称之为：集合  即SetSet中认为两个NaN是相等的一般我们可以使用Set进行数组的去重

集合中新增元素

// 方式一const set = new Set()set.add(1).add(5).add(2).add(4).add(5).add(3).add(2)console.log(set) // Set { 1, 5, 2, 4, 3 }// 方式二const set = new Set([1, 5, 2, 4, 5, 3, 2])console.log(set) // Set { 1, 5, 2, 4, 3 }

我们可以看到 set中的值都是唯一的

集合的遍历

set.forEach(item => { console.log(item)})

当然也可以使用 for of

获取集合长度等自有方法

// 1.获取集合长度console.log(set.size)// 2.判断集合当中是否存在某个值console.log(set.has(6)) // false// 3.删除集合中某个指定值，方法会返回是否删除成功console.log(set.delete(3)) // true// 4.清空集合set.clear()console.log(set) // Set {}

通过Set 进行数组的去重

let lists = [2, 1, 3, 2, 1, 5, 4, 2, 4, NaN, NaN, null, null, undefined, undefined]// 方式一let list = Array.from(new Set(lists))console.log(list) // [ 2, 1, 3, 5, 4, NaN, null, undefined ]// 方式二let list = [...new Set(lists)]console.log(list) // [ 2, 1, 3, 5, 4, NaN, null, undefined ]

Map数据结构

Map 和对象很像，它们本质上都是键值对集合。map的key可以是任意类型

map新增元素

// 方式一const map = new Map()map.set({name: 'xxx'}, 1).set(true, 2).set('tom', 3).set([1,2], 4).set(2, 5).set(null, 6).set(undefined, 7)console.log(map) //{ { name: 'xxx' } => 1, true => 2, 'tom' => 3, [ 1, 2 ] => 4, 2 => 5, null => 6, undefined => 7 }// 方式二const map = new Map([[{name: 'xxx'}, 1], [true, 2], ['tom', 3], [[1,2], 4], [2, 5], [null, 6], [undefined, 7]])console.log(map) //{ { name: 'xxx' } => 1, true => 2, 'tom' => 3, [ 1, 2 ] => 4, 2 => 5, null => 6, undefined => 7 }

map其他自有方法

// 1.根据键获取对应值map.get('tom')// 2.判断某键是否存在map.has('tom')// 3.删除某个键map.delete('tom')// 4.清空所有键map.clear()// 5.遍历所有键值，需要注意的是首个参数是值，第二参数是键map.forEach((value, key) => { console.log(value, key)})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。