码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 for...of循环

时间:2018-08-20 11:36:32      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:对象   element   let   ros   trie   family   style   microsoft   实例   

1、for of

const arr = [‘red‘, ‘green‘, ‘blue‘];

for(let v of arr) {
  console.log(v); // red green blue
}

for...of循环可以代替数组实例的forEach方法。

const arr = [‘red‘, ‘green‘, ‘blue‘];

arr.forEach(function (element, index) {
  console.log(element); // red green blue
  console.log(index);   // 0 1 2
});

JavaScript 原有的for...in循环,只能获得对象的键名,不能直接获取键值。ES6 提供for...of循环,允许遍历获得键值。

var arr = [‘a‘, ‘b‘, ‘c‘, ‘d‘];

for (let a in arr) {
  console.log(a); // 0 1 2 3
}

for (let a of arr) {
  console.log(a); // a b c d
}

上面代码表明,for...in循环读取键名,for...of循环读取键值。如果要通过for...of循环,获取数组的索引,可以借助数组实例的entries方法和keys方法.

 

ES6 for...of循环

标签:对象   element   let   ros   trie   family   style   microsoft   实例   

原文地址:https://www.cnblogs.com/mengfangui/p/9504291.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!