首先我們先創建一個數組,從之前的對象中取得
const menu = [...restaurant.starterMenu,...restaurant.mainMenu];
在之前,我們如果想要打印數組中的每一個數據,我們通常會寫for循環來一個一個打印出來,現在我們可以使用for-of循環來獲取,這會是的獲取循環數組更加的方便
for (const item of menu) console.log(item);
我們也可以不僅僅去獲取數組中的元素,也可以去獲取數組中的下標
for (const item of menu.entries()) {console.log(item);
}
總結;
使用 for-of 循環是 JavaScript 中對數組進行遍歷的一種簡潔而方便的方式。以下是使用 for-of 循環進行數組循環時的要點:
- 語法格式:for (let item of array) { … } 每次迭代時,數組中的一個元素會被賦值給變量 item。
- 遍歷值而非索引:for-of 循環直接訪問數組中的元素值,而不需要通過索引進行訪問。
- 自動迭代完整性:for-of 循環會自動遍歷整個數組,無需手動設置終止條件。
- 簡化循環邏輯:相比傳統的 for 循環,for-of 循環不需要創建額外的計數器或迭代變量,簡化了循環邏輯。
- 值的副本:for-of 循環每次迭代都會將數組中的值復制給變量 item,修改 item 的值不會影響原數組。
- 支持可迭代對象:除了數組,for-of 循環還可以用于遍歷可迭代對象如字符串、Set、Map 等。
- 兼容性:for-of 循環在現代瀏覽器和最新版本的 Node.js 中得到廣泛支持,但在舊版本中可能不被支持。
使用 for-of 循環可以更加簡潔地遍歷數組,并且可以減少編寫冗余代碼的工作量。然而,需要注意 for-of 循環只能訪問數組中的值,無法獲取索引或修改數組內容,同時也不適用于普通對象的遍歷。