专栏首页finleyMa关于JS中的循环

关于JS中的循环

JS 中的循环有for...in, for..of, forEach

  1. forEach遍历数组的时候是无法break或者return false中断的。
var arr = [3, 5, 7];

arr.forEach(function (value) {
  console.log(value);
  if (value == 5) {
    // 无效
    return false;
  }
});
// 结果是:
// 3
// 5
// 7

可以使用for...of

var arr = [3, 5, 7];

for (let value of arr) {
  console.log(value);
  if (value == 5) {
    break;
  }
}
// 结果是:
// 3
// 5

for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象(比如arguments对象、DOM NodeList 对象)、后文的 Generator 对象,以及字符串。

let str = 'boo';

for (let value of str) {
  console.log(value);
}
// 结果是:
// "b"
// "o"
// "o"

参考: https://www.zhangxinxu.com/wordpress/2018/08/for-in-es6-for-of/ http://es6.ruanyifeng.com/#docs/iterator#for---of-%E5%BE%AA%E7%8E%AF

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 什么是消息队列?

    消息队列不知道大家看到这个词的时候,会不会觉得它是一个比较高端的技术,反正我是觉得它好像是挺牛逼的。

    mafeifan
  • react学习系列3 使用koa-router模拟后台接口

    当用create-react-app创建好项目,启动后会自动打开 localhost:3000。 我们希望当访问 localhost:3000/api/tod...

    mafeifan
  • 工作感悟

    mafeifan
  • forEach、for...in 、 for...of

    写法简单了许多,但是有缺点:不能中断循环(使用break语句或使用return语句)。

    用户3258338
  • 巧妙的使用ES6的for...of迭代处理JS对象

    我没事的时候喜欢看一下大牛的博客和论坛,最近看了张鑫旭大哥关于介绍for...of的博客,这里简单的总结一下,给自己一个记忆理解的过程,同时分享给那些一直关注我...

    何处锦绣不灰堆
  • javascript常用开发笔记:一个简单强大的js日期格式化方法

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    eguid
  • 什么是ORM?

    一、ORM简介 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据库存在的互不...

    步履不停凡
  • 无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40

    在此之前,我们已经了解如何发布小程序,以及小程序发布后的一些维护操作(例如版本更新、更换小程序管理员等等)。

    知晓君
  • Linux 常用目录管理命令(cd pwd mkdir rmdir)

          Linux 的命令非常之多,而使用的最多最广最基本的莫过于一些常用的命令,如目录命令即是如此。Linux的常用目录命令与DOS中的目录命 令非常相...

    Leshami
  • 用程序变换求解词方程(cs)

    本文给出了一个用WE(R,E)结构特化来解词方程的实验,程序WE可以看作是一个解释器,测试一个替换组合R是否产生一个词方程E的解。当使用基本展开/折叠策略时,这...

    用户7454091

扫码关注云+社区

领取腾讯云代金券