zoukankan      html  css  js  c++  java
  • forEach()和for/in循环的缺点与for-of循环

    以数组为例,JavaScript 提供多种遍历语法。最原始的写法就是for循环。

    for (var index = 0; index < myArray.length; index++) {
      console.log(myArray[index]);
    }

    这种写法比较麻烦,因此ES5中数组提供内置的forEach方法。

    myArray.forEach(function (value) {
      console.log(value);
    });

    这种写法的问题在于,无法中途跳出forEach循环,break命令也不能用return语句从闭包函数中返回。


    for...in循环可以遍历数组的键名。

    for (var index in myArray) { // 实际代码中不要这么做
      console.log(myArray[index]);
    }

    for...in循环有几个缺点。

    • 数组的键名是数字,但是for...in循环是以字符串作为键名“0”、“1”、“2”等等。如果你使用字符串的 index 去参与某些运算("2" + 1 == "21"),运算结果可能会不符合预期。
    • for...in循环不仅遍历数字键名,还会遍历手动添加的其他键,甚至包括原型链上的键。
    • 某些情况下,for...in循环会以任意顺序遍历键名。
    • 总之,for...in循环主要是为遍历对象而设计的,不适用于遍历数组。

    for...of循环相比上面几种做法,有一些显著的优点。

    for (let value of myArray) {
      console.log(value);
    }
    • 有着同for...in一样的简洁语法,但是没有for...in那些缺点。
    • 不同于forEach方法,它可以与break、continue和return配合使用。
    • 提供了遍历所有数据结构的统一操作接口。
      下面是一个使用 break 语句,跳出for...of循环的例子。
    for (var n of fibonacci) {
      if (n > 1000)
        break;
      console.log(n);
    }

    上面的例子,会输出斐波纳契数列小于等于 1000 的项。如果当前项大于 1000,就会使用break语句跳出for...of循环。

    今天你学习了吗!!!
  • 相关阅读:
    java-version
    Centos7使用google-Chrome浏览器
    sign_and_send_pubkey: signing failed: agent refused operation
    删除带中划线的数据库
    yum update报错RPM数据库问题
    Centos的timedatectl
    /var/lib/docker/overlay2/db72dadf047395c178feb0eaedd932b48e283abcaa5a870c0c746bab8ee6f76a: no such file or directory
    /bin/bash^M: 坏的解释器: 没有那个文件或目录
    repeat()函数
    (Problem 47)Distinct primes factors
  • 原文地址:https://www.cnblogs.com/nayek/p/11838321.html
Copyright © 2011-2022 走看看