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 // node.js // typescript } // set.values() for (ket v of set4.values()) { console.log(v) // 和上面的set4.keys() 遍历的结果一样 } // set.entries() for (let e of set3.entries()) { console.log(e) // ['javascript', 'javascript'] // ['vue', 'vue'] // ['node.js', 'node.js'] // ['typescript', 'typescript'] }
可见, keys()和values() 遍历是一模一样的, 以后遍历使用keys()还是values()没有区别。entries 遍历返回的是数组, 分别是keys() values()结果。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。