ES6学习笔记(六)--set,map数据结构和for...of遍历

原创 2016年06月01日 17:18:01

Set

新的数据解构,成员值是唯一的

//不能添加相同的值
var s = new Set();

[2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));

for (let i of s) {
  console.log(i);
}
// 2 3 5 4

//去除相同的值
var set = new Set([1, 2, 3, 4, 4]);
[...set]
// [1, 2, 3, 4]

Set实例的属性和方法

实例的属性

  • Set.prototype.constructor:构造函数,默认就是Set函数
  • Set.prototype.size:返回Set实例的成员总数

实例的方法:

  1. 操作方法

    • add(value):添加某个值,返回Set结构本身。
    • delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
    • has(value):返回一个布尔值,表示该值是否为Set的成员。
    • clear():清除所有成员,没有返回值
  2. 遍历方法

    • keys():返回一个键名的遍历器
    • values():返回一个键值的遍历器
    • entries():返回一个键值对的遍历器
    • forEach():使用回调函数遍历每个成员

Map

JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是只能用字符串当作键

var m = new Map();
var o = {p: "Hello World"};

m.set(o, "content")
m.get(o) // "content"

m.has(o) // true
m.delete(o) // true
m.has(o) // false

实例的属性

  • size属性返回Map结构的成员总数

实例的方法

  1. 操作方式

    • set(key, value):设置key所对应的键值,然后返回整个Map结构(本身)
    • get(key):读取key对应的键值
    • has(key):返回一个布尔值,表示某个键是否在Map数据结构中
    • delete(key):删除某个键,返回布尔值
    • clear():清除所有成员,没有返回值
  2. 遍历方法

    • keys():返回键名的遍历器
    • values():返回键值的遍历器
    • entries():返回所有成员的遍历器
    • forEach():遍历Map的所有成员

for…of遍历

适用范围:数组、Set和Map结构、某些类似数组的对象(比如arguments对象、DOM NodeList对象)、Generator对象,以及字符串

与其他遍历语法比较

  • for循环:写法麻烦
  • forEach循环:无法中途跳出
  • for…in
    1. 数组的键名是数字,但是for…in循环是以字符串作为键名“0”、“1”、“2”
    2. for…in循环不仅遍历数字键名,还会遍历手动添加的其他键,甚至包括原型链上的键
    3. 某些情况下,for…in循环会以任意顺序遍历键名
版权声明:本文为博主原创文章,转载请注明出处。

初步探究ES6之for循环和Map,Set

现在大家先想一想,如果要你遍历一个数组的元素,你会选择如何去做呢?一般都会想起for循环: for (var index = 0; index length; index++) { cons...
  • mevicky
  • mevicky
  • 2015年11月16日 09:42
  • 11684

es6 javascript的map数据结构的实例的属性和操作方法、遍历方法

(1) size 属性 size属性返回 Map 结构的成员总数。 let map = new Map(); map.set('foo', true); map.set('bar', false); ...
  • qq_30100043
  • qq_30100043
  • 2016年12月14日 10:22
  • 3124

es6 新增的map和foreach

ES5中新增的Array方法详细说明 引用地址:http://www.zhangxinxu.com/wordpress/?p=3220 一、前言-索引 ES5中新增的不少东西,了解之对我们写...
  • shilu89757
  • shilu89757
  • 2015年01月15日 14:42
  • 45764

es6基本语法学习--遍历map结构

var m=new Map(); // m.set("a",10); // m.set("a",20); // console.log(m); var a=["a"]; var b=["a"...
  • qq_21058391
  • qq_21058391
  • 2016年11月23日 10:53
  • 1076

es6 javascript的map数据结构

1 Map 结构的目的和基本用法 JavaScript 的对象( Object), 本质上是键值对的集合( Hash 结构), 但是传统上只能用字符串当作键。 这给它的使用带来了很大的限制。 ...
  • qq_30100043
  • qq_30100043
  • 2016年12月14日 10:08
  • 2006

整理ES6中的Set和Map方法

本文参考阮一峰先生的《ECMAScript 6 入门》一书的set和map一章。 1. set ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set 本身...
  • ChauncyWu
  • ChauncyWu
  • 2017年06月15日 21:03
  • 3397

ES6--map集合

Map 是一个“超对象”,其 key 除了可以是 String 类型之外,还可以为其他类型(如:对象)var m = new Map();o = {p: "Hello World"};m.set(o,...
  • qq_20261343
  • qq_20261343
  • 2016年01月14日 11:17
  • 1724

es6数组中的遍历

1、foreach 是一个我们经常用的一个: var name = ['张三', '李四', '王五']; name.foreach(function(v,k) { console...
  • a_little_sheep
  • a_little_sheep
  • 2017年07月06日 16:36
  • 725

es6 新增的map和foreach

ES5中新增的Array方法详细说明 引用地址:http://www.zhangxinxu.com/wordpress/?p=3220 一、前言-索引 ES5中新增的不少东西,了解之...
  • poptxz
  • poptxz
  • 2017年06月28日 12:01
  • 740

js遍历集合(Array,Map,Set)

Array可以使用下标,Map和Set不能使用下标,ES6引入了iterable类型,Array,Map,Set都属于iterable类型,它们可以使用for...of循环来遍历: var a = ...
  • wzj0808
  • wzj0808
  • 2016年05月13日 07:39
  • 16550
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ES6学习笔记(六)--set,map数据结构和for...of遍历
举报原因:
原因补充:

(最多只允许输入30个字)