`

ES6丰富的forEach循环array和map

    博客分类:
  • ES6
阅读更多
// 之前我们的循环是这样的
for (var index = 0; index < myArray.length; index++) {
  console.log(myArray[index]);
}

 

// 从ES5开始提供这样的for循环
myArray.forEach(function (value) {
  console.log(value);
});

 

// 在ES6我们还可以这样任性
// 循环下标或者key(for-in)
for (var index in myArray) {    // don't actually do this
  console.log(myArray[index]);
}

// 循环value(for-of)
for (var value of myArray) {
  console.log(value);
}

// 甚至直接循环key和value,no problem
for (var [key, value] of phoneBookMap) {
  console.log(key + "'s phone number is: " + value);
}

// 或者更者我们这样“优雅”的循环对象(貌似和ES6没有关系)
for (var key of Object.keys(someObject)) {
  console.log(key + ": " + someObject[key]);
}

 

// 现场实例,我们这样使用
var items = [...];
items.forEach((item, i) => {
      if (item.status == 'new') this.apply(item, i)
});

 

更多实例应用扫码体验:

分享到:
评论

相关推荐

    ES6教程之for循环和Map,Set用法分析

    主要介绍了ES6教程之for循环和Map,Set用法,结合实例形式分析了ECMAScript6中for循环和Map,Set基本概念、功能、使用方法与相关注意事项,需要的朋友可以参考下

    ES6的单循环与线性链表

    ⚡ES6的单循环与线性链表

    es6.core.js

    ES6 Core Symbol 一个不可变的数据类型,用来产生唯一的标识,但是却无法直接访问这个标识 Promise 异步编程函数 Set 有序列表集合,它不会包含重复项 WeakSet 列表集合,和Set一样,只不过它的值只能是非空对象 Map ...

    浅谈JavaScript中ES6新增的Set和Map结构以及Array.from方法

    ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set 本身是一个构造函数,用来生成 Set 数据结构。 只能接受数组,采用new的方式来实例化使用。 创建Set机构时,可以立即设置...

    es6的循环方法.pdf

    精品资料欢迎下载

    详解CommonJS和ES6模块循环加载处理的区别

    CommonJS模块规范使用require语句导入模块,module.exports导出模块,输出的是值的拷贝,模块导入的也是输出值的拷贝,也就是...那CommonJS和ES6模块规范针对模块的循环加载处理机制有什么不同呢? 循环加载指的是a脚

    ES6中Symbol、Set和Map用法详解

    主要介绍了ES6中Symbol、Set和Map用法,结合实例形式详细分析了ES6中Symbol、Set和Map的功能、使用方法及相关操作注意事项,需要的朋友可以参考下

    ES6学习笔记之Set和Map数据结构详解

    本文实例讲述了ES6学习笔记之Set和Map数据结构。分享给大家供大家参考,具体如下: 一.Set ES6提供了新的数据结构Set。类似于数组,只不过其成员值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成Set...

    ES6中Set和Map用法实例详解

    主要介绍了ES6中Set和Map用法,结合实例形式详细分析了ES6中Set和Map的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下

    ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解

    主要介绍了ES6中Set和Map数据结构,Map与其它数据结构互相转换操作,结合实例形式详细分析了ES6中的Set和Map数据结构的概念、原理、遍历、去重等操作,以及Map与其它数据结构互相转换操作,需要的朋友可以参考下

    ES6入门教程之Array.from()方法

    主要给大家介绍了关于ES6入门教程之Array.from()方法的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ES6具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

    ES6新增数据类型set和map

    文章目录前言1、Set2、Map 前言 JavaScript有一种数据类型叫对象,js中的数组算是一种新的类型,是一种特殊的对象,也是一种有序的对象,只是数据的组合方式不一样。 数据结构:数据是具体的东西,类型是一个范围,...

    深入浅出ES6

    深入浅出 ES6(二):迭代器和 for-of 循环 深入浅出 ES6(三):生成器 Generators 深入浅出 ES6(四):模板字符串 深入浅出 ES6(五):不定参数和默认参数 深入浅出 ES6(六):解构 Destructuring 深入浅...

    ES6学习笔记.docx

    关于ES6的学习心得包括ES6的三种命名方式,应用;箭头函数的介绍和应用,ES6字符串模板,ES6中的for和Array以及扩展运算符

    es6中使用map简化复杂条件判断操作实例详解

    主要介绍了es6中使用map简化复杂条件判断操作,结合实例形式详细分析了传统方法与map简化复杂条件判断的相关操作技巧,需要的朋友可以参考下

    ES6学习笔记之map、set与数组、对象的对比

    在ES6中主要新增了Set和Map数据结构。到目前为止,常用的数据结构有四种Array、Object、Set、Map。下面话不多说了,来一起看看详细的介绍吧。 // 数据结构横向对比,增,查,改,删 1、map和数组对比 { let map=...

Global site tag (gtag.js) - Google Analytics