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 ] 的解构,当然可以这样直接循环出来喽!

  • 相关阅读:
    阅读文献的三大问题:坐不住,记不住,想不开
    C++之vector模板类
    C++之string类
    算法学习(1)枚举法求运算符
    二叉树(4)非递归法遍历二叉树
    二叉树(3):对二叉树数的操作
    Pascal's Triangle,Pascal's Triangle II
    Next Permutation
    Permutations,Permutations II,Combinations
    Majority Element,Majority Element II
  • 原文地址:https://www.cnblogs.com/teamemory/p/11309319.html
Copyright © 2011-2022 走看看