详解ES6中的SetMap数据结构学习总结资源-CSDN下载

24 浏览量 2020-12-02 11:04:29 上传评论收藏 38KB PDF 举报

资源推荐

资源详情

资源评论

详解详解ES6中的中的 Set Map 数据结构学习总结数据结构学习总结

ES6中的中的 Set 数据结构数据结构

ES6 新增了一种 Set 数据结构。它类似数组。最重要的一点是 Set中的结构成员没有重复的, 可用这点一行代码实现数组去

重。 Set 本身是一个构造函数。通过 new Set() 来创建Set结构。

let arr1 = ['Hello', 'World', 'ES6'] let set1 = new Set()

arr1.forEach(type => {

set1.add(type)

})

通过new Set创建一个Set结构。 forEach 遍历arr1数组。把每一项通过Set.prototype.add 方法向Set结构中添加成员。

Set 也可以接受一个数组作为参数。

let arr2 = [1,2,3,4,1,5,2] let set2 = new Set(arr2)

for (let type of set2) {

console.log(type)

}

// 1

// 2

// 3

// 4

// 5

上面的new Set() 创建 Set 数据结构时, 将一个数组作为它的参数。最后通过 for of 遍历 set2。因为结构成员没有重复, 所以打

印 1 2 3 4 5

Set 接受的参数不会进行类型转换 , new Set(5, ‘5’) 这完全是两个值。

Set 实现数组去重实现数组去重

// 方法1

[...new Set([1,2,3,1,2])] // 1 2 3

// 方法2

Array.from(new Set([1,2,3,1,2])) // 1 2 3

都是通过向 new Set() 中传入一个数组, 利用 Set结构成员都是唯一的特性, 最后通过扩展运算符…, 或者ES6提供的一种将类数

组转换为数组的方法 Array.from()。

Set 操作方法操作方法

Set.prototype.add(value) 向Set结构中添加一名成员, 返回值为Set结构

Set.prototype.delete(value) 删除一名成员, 返回值为布尔值。 true成功, false失败

Set.prototype.has(value) Set 成员是否存在, true为存在, false为不存在

Set.prototype.clear() 清空所有的成员

let arr3 = [7,8,9] let set3 = new Set(arr3)

set3.add(10)

set3.size() // 4

set3.delete(8)

set3.size() // 3

set3.clear() // 0

Set 遍历方法遍历方法

keys() 键名的遍历器

values() 键值的遍历器

entries() 键值对的遍历器,以数组形式返回

let arr4 = ['javascript', 'vue', 'node.js', 'typescript'] let set4 = new Set(arr4)

// set.keys()

for (let k of set4.keys()) {

console.log(k)\

// javascript

// vue

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

weixin_38628920

粉丝: 3

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip