javascript 终极循环方法for... of ..推荐

js目前有很多的循环方法,如for, forEach,  for .. in,  for of 等等,而在ES6里面,我们又增加了一些数据结构,比如set,map,Symbol等。

那么我们该选取哪一种循环方式来对这么多数据结构进行循环呢?

这里主要推荐一种接近于万能的循环方式for ... of  ...循环方法,这个方法可以循环所有带iterator 接口的数据接口。

以上这些内置的数据结构,默认就自带了iterator接口即([Symbol.iterator])

下面来具体展示一下。

1、循环字符串

 

2、循环数组

 

3、循环普通对象

 

4、循环Map接口

 

5、循环set结构

 

以上就是利用for of  来循环的几种数据结构。

---------------------------------更新2020年3月21日-----------------------------------

综上,

1、除了字符串,map,set 解构可以直接利用循环出来!

2、对于数组或者对象都需要进行entries() 来进行循环,注意的是对象的entries是静态方法,而对于数组来说是实例方法。

3、为什么循环的时候都是[keys ,values ] 呢?  我们可以用解构赋值来理解,因为map 解构,它本身定义的时候就是 new Map ([[keys,values],[keys,values]])  ,它本身就是[keys ,values ] 的解构,当然可以这样直接循环出来喽!

原文地址:https://www.cnblogs.com/teamemory/p/11309319.html