`

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-基础学习笔记

    ES6 中引入了 Set 和 Map 两种新的数据结构,Set 用于存储唯一元素,Map 用于存储键值对。 Promise Promise 是 ES6 中的一种新的异步编程模型,允许开发者更方便地处理异步操作。 Class Class 是 ES6 中的一种新...

    JavaScript中循环遍历Array与Map的方法小结

    在JavaScript中,循环遍历是处理数据结构,如Array(数组)和Map(映射)时常见的操作。本文将详细讲解几种不同的遍历方法,帮助初学者更好地理解和掌握JavaScript的基础知识。 1. **For循环**: - `for`循环是最...

    ES6语法学习参考资料,推荐下载

    ES6的新特性非常丰富,其中包括了let和const命令、变量的解构赋值、字符串的扩展、正则的扩展、数值的扩展、数组的扩展、函数的扩展、对象的扩展、Symbol、Proxy和Reflect、二进制数组、Set和Map数据结构、Iterator...

    ES6精品视频教程笔记.rar

    在迭代器和for...of循环的帮助下,我们可以遍历Set、Map以及数组等可迭代对象。例如,`for (let item of array) { ... }`可以遍历数组中的每个元素。 总的来说,这个ES6精品视频教程涵盖了JavaScript ES6的诸多核心...

    数组方法ES6迭代器

    在JavaScript的世界里,ES6(ECMAScript 2015)引入了许多新的特性,其中迭代器(Iterator)是其中一个核心概念,它极大地提升了数组和其他集合类型的数据处理能力。数组方法与迭代器相结合,为开发者提供了更加高效...

    ES6经典面试题.docx

    "ES6经典面试题" ES6(ECMAScript 6)是JavaScript的一种标准,自2015年发布以来,已经成为前端开发的 ...ES6 对 JavaScript 带来了很多改进和升级,提供了更加简洁、优雅的语法和方法,提高了开发效率和代码质量。

    JavaScript ES6函数式编程入门经典_javascript_tall7cj_

    例如,`map()`、`filter()`和`reduce()`等方法可以对数组进行操作,而无需显式地使用循环。这些函数让代码更具表达性,也更易于测试。 `Promise`对象是ES6对异步编程的重要改进,它提供了处理异步操作的链式调用,...

    前端项目-es6-shim.zip

    这个库并不旨在提供完整的ES6实现,而是专注于那些可以通过全局对象扩展来实现的特性,例如`Array.from`、`Promise`、`Map`、`Set`等。 **ES6的关键特性** 1. **箭头函数**:箭头函数提供了一种更简洁的函数定义...

    详谈js遍历集合(Array,Map,Set)

    然而,for...of循环是ES6引入的新特性,它可以遍历所有的可迭代对象,包括Array、Map和Set。例如: ```javascript for (var x of a) { console.log(x); } ``` Map和Set则不支持下标访问,但它们是可迭代的。因此...

    ES6新特性五:Set与Map的数据结构实例分析

    ES6新特性五:Set与Map的数据结构实例分析 Set数据结构是ES6中的一种新特性,它类似于数组,但是成员的值都是唯一的,没有重复的值。Set结构是一个构造函数,用来生成Set数据结构。 Set结构的定义和属性 Set结构...

    ES6学习总结

    **for-of**循环用于遍历数组、Set、Map等可迭代对象。 - 示例: ```javascript let array = ['a', 'b', 'c']; for (let element of array) { console.log(element); } // 输出 a b c ``` #### 8)箭头函数 ...

    es6-equivalents-in-es5

    ### 迭代器和for-of循环 Iterators and For-Of ES6引入了迭代器(Iterator)的概念,它为数组、Map、Set等数据结构提供了一种统一的迭代机制。 #### ES6示例 ```javascript for (var value of array) { /* ... */ ...

    ES6中的迭代器和生成器.pdf

    在ES6中,某些类型如数组、Map和Set被称为可迭代对象,它们支持通过`for...of`循环进行遍历。`for...of`循环会自动找到可迭代对象的`Symbol.iterator`属性,调用其返回的函数得到迭代器,然后通过调用`next()`方法...

    js 实现map的方式

    例如,`Array.from(map)`可以将Map转换为数组,`new Set(map)`则可以创建一个新的Set,包含Map的所有键。 6. **弱引用**:JavaScript还提供了一种叫做WeakMap的特殊类型,它的键必须是对象,并且是弱引用,这意味着...

    前端开源库-map-like

    3. 遍历机制:Map-like通常会支持迭代器,允许开发者通过for...of循环或者Array.from()等方式遍历所有键值对,这对于数据展示和处理非常有用。 4. 性能优化:由于是专为前端设计,Map-like库可能针对浏览器环境进行...

    ES6 迭代器与可迭代对象的实现

    ES6中的数组、Set、Map等集合类型都默认实现了可迭代协议。因此,这些类型的实例可以通过for-of循环直接遍历。 通过自定义可迭代对象,可以实现更为复杂的迭代逻辑。以下是一个自定义可迭代对象的例子: ```...

    06 You Don't Know JS:ES6 & Beyond.pdf

    - 解释`for..of`循环的特点及其与`for`、`forEach`等循环的区别。 - 分析`for..of`循环在迭代数组和其他可迭代对象时的用法。 9. **RegularExpression Extensions 正则表达式扩展** - 介绍ES6新增的正则表达式...

Global site tag (gtag.js) - Google Analytics