es6 for of的使用方法

Clect 发布于2019-08-26 12:11 / 1430人阅读

摘要：和在数组和对象中的区别在数组中的用法打印出来的是打印出来的是下标在对象中的用法打印出来的是，，打印出来的是，这是因为在中没有规定默认的属性解决办法使用方法将对象的键名生成一个数组，然后遍历这个数组。另一个方法是使用函数将对象重新包装一下。

for of 和 for in 在数组和对象中的区别 在数组中的用法：

const arr = [2, 3, 5, 4, 5, 2, 2];
for(let i of arr){
console.log(i) //打印出来的是value 2,3,5,4,2,2
}
for(let i in arr){
console.log(i) //打印出来的是下标 0,1,2,3,4,5,6
}

在对象中的用法：

const obj = {"a":1,"b":2,"c":3}
for(let i in obj){

console.log(i)  //打印出来的是key  a，b，c

}
for(let i of obj){

console.log(i)  //打印出来的是obj is not iterable，这是因为在es6中object没有规定默认的属性iterable

}
解决办法：
使用Object.keys方法将对象的键名生成一个数组，然后遍历这个数组。
for (let i of Object.keys(obj)) {
console.log(key + ": " + obj[key]);
}
另一个方法是使用 Generator 函数将对象重新包装一下。
function* entries(obj) {
for (let key of Object.keys(obj)) {

yield [key, obj[key]];

}
}

for (let [key, value] of entries(obj)) {
console.log(key, "->", value);
}
// a -> 1
// b -> 2
// c -> 3

云服务器 GPU云服务器 for...of python的for html的for属性 php for的格式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108188.html

【ES6】迭代器与可迭代对象

摘要：通过生成器创建的迭代器也是可迭代对象，因为生成器默认会为属性赋值。我们可以用来访问对象的默认迭代器，例如对于一个数组获得了数组这个可迭代对象的默认迭代器，并操作它遍历了数组中的元素。 ES6 新的数组方法、集合、for-of 循环、展开运算符（...）甚至异步编程都依赖于迭代器（Iterator ）实现。本文会详解 ES6 的迭代器与生成器，并进一步挖掘可迭代对象的内部原理与使用方法 ...

terasum 2019-08-23 12:35 评论0 收藏0
ES6中的Iterator和for...of循环那些事

摘要：一个对象如果要有可被循环调用的接口，就必须在的属性上部署遍历器生成方法原型链上的对象具有该方法也可。阮大神案例上面代码是一个类部署接口的写法。属性对应一个函数，执行后返回当前对象的遍历器对象。最近看阮一峰阮大神的ES6，刚刚看到Iterator和for...of循环这一章，小作笔记跟大家略微分享一下，不足之处还望大家多多指正 Iterator（遍历器）就是一种机制；任何数据结构只要是...

OpenDigg 2019-08-21 10:44 评论0 收藏0
[译]JavaScript ES6迭代器指南

摘要：前言又称提供一个全新的迭代器的概念，它允许我们在语言层面上定义一个有限或无限的序列。后者可以被用来帮助我们理解迭代器。但是当我们使用迭代器时，这个问题就迎刃而解了。是中的新语法，用来配合迭代器。这是因为数组的迭代器只返回其中预期的元素。前言 EcmaScript 2015 （又称ES6）提供一个全新的迭代器的概念，它允许我们在语言层面上定义一个（有限或无限的）序列。暂时先抛开它...

daryl 2019-08-21 10:36 评论0 收藏0
ES6 旧瓶新酒

摘要：本文是系列的第二篇，前一篇走马观花概要介绍了，这一篇标题之所以叫旧瓶新酒，是想介绍那些原来就被广泛使用的对象，例如，对这些对象扩展了一些很有用的新方法。用于监听取消监听数组的变化，指定回调函数。在中已被建议撤销。本文是 ES6 系列的第二篇，前一篇《ES6 走马观花》概要介绍了ES6，这一篇标题之所以叫旧瓶新酒，是想介绍那些原来就被广泛使用的JS对象，例如String、Array，E...

未东兴 2019-08-21 10:48 评论0 收藏0
ES6 的 for..of 和 Generator，从伪数组 jQuery 对象说起

摘要：引用自可迭代对象和迭代器不以规矩，不成方圆为了使某个对象成为可迭代对象象，它必须实现方法，也就是说，它得有一个是的属性。的遍历，绝对应该用。 pseudo 英 [sju:dəʊ] 美 [su:doʊ]adj.假的，虚伪的n.[口]假冒的人，伪君子 pseudo-array 英 [sju:dəʊəreɪ] 美 [sju:dəʊəreɪ][计] 伪数组 jQuery 对象是伪数组两个...

Harriet666 2019-08-21 10:39 评论0 收藏0
es6之迭代器

摘要：起源何为迭代器迭代器是被设计专用于迭代的对象，带有特定接口。所有的迭代器对象都拥有方法，会返回一个结果对象。这个知名符号定义了为指定对象返回迭代器的函数。接下来被调用，迭代器结果对象的属性被读出并放入了变量。起源何为迭代器？迭代器是被设计专用于迭代的对象，带有特定接口。所有的迭代器对象都拥有 next() 方法，会返回一个结果对象。该结果对象有两个属性：对应下一个值的 value...

stormzhang 2019-08-26 13:40 评论0 收藏0