資訊專欄INFORMATION COLUMN
摘要：和在數(shù)組和對(duì)象中的區(qū)別在數(shù)組中的用法打印出來的是打印出來的是下標(biāo)在對(duì)象中的用法打印出來的是，，打印出來的是，這是因?yàn)樵谥袥]有規(guī)定默認(rèn)的屬性解決辦法使用方法將對(duì)象的鍵名生成一個(gè)數(shù)組，然后遍歷這個(gè)數(shù)組。另一個(gè)方法是使用函數(shù)將對(duì)象重新包裝一下。
for of 和 for in 在數(shù)組和對(duì)象中的區(qū)別 在數(shù)組中的用法：
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) //打印出來的是下標(biāo) 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，這是因?yàn)樵趀s6中object沒有規(guī)定默認(rèn)的屬性iterable
}
解決辦法：
使用Object.keys方法將對(duì)象的鍵名生成一個(gè)數(shù)組，然后遍歷這個(gè)數(shù)組。
for (let i of Object.keys(obj)) {
console.log(key + ": " + obj[key]);
}
另一個(gè)方法是使用 Generator 函數(shù)將對(duì)象重新包裝一下。
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
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/108188.html
摘要：通過生成器創(chuàng)建的迭代器也是可迭代對(duì)象，因?yàn)樯善髂J(rèn)會(huì)為屬性賦值。我們可以用來訪問對(duì)象的默認(rèn)迭代器，例如對(duì)于一個(gè)數(shù)組獲得了數(shù)組這個(gè)可迭代對(duì)象的默認(rèn)迭代器，并操作它遍歷了數(shù)組中的元素。 ES6 新的數(shù)組方法、集合、for-of 循環(huán)、展開運(yùn)算符（...）甚至異步編程都依賴于迭代器（Iterator ）實(shí)現(xiàn)。本文會(huì)詳解 ES6 的迭代器與生成器，并進(jìn)一步挖掘可迭代對(duì)象的內(nèi)部原理與使用方法 ...
摘要：一個(gè)對(duì)象如果要有可被循環(huán)調(diào)用的接口，就必須在的屬性上部署遍歷器生成方法原型鏈上的對(duì)象具有該方法也可。阮大神案例上面代碼是一個(gè)類部署接口的寫法。屬性對(duì)應(yīng)一個(gè)函數(shù)，執(zhí)行后返回當(dāng)前對(duì)象的遍歷器對(duì)象。 最近看阮一峰阮大神的ES6，剛剛看到Iterator和for...of循環(huán)這一章，小作筆記跟大家略微分享一下，不足之處還望大家多多指正 Iterator（遍歷器）就是一種機(jī)制；任何數(shù)據(jù)結(jié)構(gòu)只要是...
摘要：前言又稱提供一個(gè)全新的迭代器的概念，它允許我們在語言層面上定義一個(gè)有限或無限的序列。后者可以被用來幫助我們理解迭代器。但是當(dāng)我們使用迭代器時(shí)，這個(gè)問題就迎刃而解了。是中的新語法，用來配合迭代器。這是因?yàn)閿?shù)組的迭代器只返回其中預(yù)期的元素。 前言 EcmaScript 2015 （又稱ES6）提供一個(gè)全新的迭代器的概念，它允許我們在語言層面上定義一個(gè)（有限或無限的）序列。 暫時(shí)先拋開它...
摘要：引用自可迭代對(duì)象和迭代器不以規(guī)矩，不成方圓為了使某個(gè)對(duì)象成為可迭代對(duì)象象，它必須實(shí)現(xiàn)方法，也就是說，它得有一個(gè)是的屬性。的遍歷，絕對(duì)應(yīng)該用。 pseudo 英 [sju:d??] 美 [su:do?]adj.假的，虛偽的n.[口]假冒的人，偽君子 pseudo-array 英 [sju:d???re?] 美 [sju:d???re?][計(jì)] 偽數(shù)組 jQuery 對(duì)象是偽數(shù)組 兩個(gè)...
摘要：起源何為迭代器迭代器是被設(shè)計(jì)專用于迭代的對(duì)象，帶有特定接口。所有的迭代器對(duì)象都擁有方法，會(huì)返回一個(gè)結(jié)果對(duì)象。這個(gè)知名符號(hào)定義了為指定對(duì)象返回迭代器的函數(shù)。接下來被調(diào)用，迭代器結(jié)果對(duì)象的屬性被讀出并放入了變量。 起源 何為迭代器？ 迭代器是被設(shè)計(jì)專用于迭代的對(duì)象，帶有特定接口。所有的迭代器對(duì)象都擁有 next() 方法，會(huì)返回一個(gè)結(jié)果對(duì)象。該結(jié)果對(duì)象有兩個(gè)屬性：對(duì)應(yīng)下一個(gè)值的 value...
閱讀 2270·2021-11-15 11:38
閱讀 1219·2021-09-06 15:02
閱讀 3478·2021-08-27 13:12
閱讀 1465·2019-08-30 14:20
閱讀 2463·2019-08-29 15:08
閱讀 713·2019-08-29 14:08
閱讀 1779·2019-08-29 13:43
閱讀 1574·2019-08-26 12:11
