zoukankan      html  css  js  c++  java
  • 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 ] 的解构,当然可以这样直接循环出来喽!

  • 相关阅读:
    LIS
    原根
    数三角形
    组合数问题
    最短路问题
    2020总结
    树状数组
    康托展开
    LCA
    并查集
  • 原文地址:https://www.cnblogs.com/teamemory/p/11309319.html
Copyright © 2011-2022 走看看