JavaScript For In 迴圈
For In 迴圈
JavaScript 的 for in 語句用於遍歷一個物件的屬性
語法
for (key in object) {
// 要執行的程式碼塊
}
示例
const person = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x];
}
自己動手試一試 »
示例解釋
- for in 迴圈會遍歷 person 物件
- 每次迭代會返回一個 鍵 (x)
- 該鍵用於訪問鍵的 值
- 鍵的值是 person[x]
For In 遍歷陣列
JavaScript 的 for in 語句也可以遍歷陣列的屬性
語法
for (variable in array) {
code
}
示例
const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
txt += numbers[x];
}
自己動手試一試 »
當索引 順序 很重要時，不要對陣列使用 for in。
索引順序取決於實現，陣列值可能不會按預期順序訪問。
當順序很重要時，最好使用 for 迴圈、for of 迴圈或 Array.forEach()。
Array.forEach()
forEach() 方法會對陣列中的每個元素呼叫一次函式（回撥函式）。
示例
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
自己動手試一試 »
請注意，該函式接受 3 個引數
- 專案值
- 專案索引
- 陣列本身
上面的示例僅使用了 value 引數。它可以重寫為
示例
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}
自己動手試一試 »
