ES6新特性五:Set与Map的数据结构实例分析
导读:本文共3277字符,通常情况下阅读需要11分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 本文实例讲述了ES6新特性五之Set与Map的数据结构。分享给大家供大家参考,具体如下:1. Set① 定义:它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。var s = new Set();[2,3,5,4,5,2,2].map(x => s.add(x))console.log(s)... ...
目录
(为您整理了一些要点),点击可以直达。本文实例讲述了ES6新特性五之Set与Map的数据结构。分享给大家供大家参考,具体如下:
1. Set
① 定义:它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。
② 属性和方法
Set结构有以下属性。
Set数据结构有以下方法。
③ Array.from方法可以将Set结构转为数组
④ Set结构有一个values方法,返回一个遍历器。
⑤ Set结构的foreach方法
⑥ Set结构也有keys和entries方法,这时每个值的键名就是键值。
⑦ 数组的map和filter方法的运用
2. Map
① 原因:JavaScript的对象,本质上是键值对的集合,但是只能用字符串当作键。
② 定义:它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。
③ 属性和方法
④ 与set 相同 可以接受数组参数创建map,但数组的元素是一个个代表键值对的数组构成。
⑤ 只有对同一个对象的引用,Map结构才将其视为同一个键,只要内存地址不一样,就视为两个键。
⑥ 遍历
Map结构的默认遍历器接口(Symbol.iterator属性),就是entries方法。
⑦Map还有一个forEach方法,进行遍历。
⑧与set相同,map可以结合数组的map方法、filter方法,可以实现Map的遍历和过滤。
希望本文所述对大家ECMAScript程序设计有所帮助。
ES6新特性五:Set与Map的数据结构实例分析的详细内容,希望对您有所帮助,信息来源于网络。