&

for...in與for...of的區(qū)別

當(dāng)前位置：點晴教程→知識管理交流 →『技術(shù)文檔交流』

admin

2024年7月29日 1:20 本文熱度 846

for...in與for...of都是循環(huán)語句，二者的區(qū)別是什么，分別對應(yīng)什么使用場景呢？

遍歷范圍
遍歷的值
遍歷順序
適用場景

遍歷范圍

for...in：可遍歷對象的可枚舉屬性（enumerable=true），包括自身的與繼承的；

const test = {  key1: 'value1',  key2: 'value2',  key3: 'value3'}for(const key in test) {  console.log('key：', key)}

輸出：

若將key2置為不可枚舉：

const test = {  key1: 'value1',  key2: 'value2',  key3: 'value3'}Object.defineProperty(test, 'key2', {  enumerable: false})for(const key in test) {  console.log('key：', key)}

輸出：

for...of：用于遍歷可迭代對象；

例1：數(shù)組

const test = [1, 2, 3]for(const value of test) {  console.log('value：', value)}

輸出：

例2：字符串

const test = 'hello'for(const value of test) {  console.log('value：', value)}

輸出：

遍歷的值

for...in：遍歷對象的鍵名（例子同上）；

for...of：遍歷對象的鍵值（訪問對象的Symbol.iterator屬性）（例子同上）；

遍歷順序

for...in：遍歷順序是不確定的，會先遍歷對象的整數(shù)屬性，然后的遍歷順序依賴于對象屬性的插入順序；

for...of：遍歷順序依賴于對象迭代器定義的順序，通常是元素插入的順序。

適用場景

for...in：適用于遍歷對象的屬性，若用于遍歷數(shù)組時需謹慎，因為也會遍歷到原型鏈上的可枚舉屬性（見此篇文章）；

for...of：適用于遍歷數(shù)組、字符串、Map等具有迭代器的可迭代對象，不可用于遍歷普通對象，因為普通對象沒有內(nèi)置的迭代器；

遍歷普通對象時：

const test = {  key1: 'value1',  key2: 'value2',  key3: 'value3'}for(const value of test) {  console.log('value：', value)}

輸出：

查看普通對象的Symbol.iterator：

const test = {  key1: 'value1',  key2: 'value2',  key3: 'value3'}console.log(test[Symbol.iterator])

輸出：

可見，普通對象沒有內(nèi)置迭代器。

查看字符串的Symbol.iterator：

const test = 'hello'console.log(test[Symbol.iterator])

輸出：

可見，字符串是具有迭代器的可迭代對象。

該文章在 2024/7/29 18:03:31 編輯過

關(guān)鍵字查詢

區(qū)別

相關(guān)文章

正在查詢...

點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。

點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務(wù)都免費，不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。