JavaScript For In

For In 循環

JavaScript for in 語句循環遍歷對象的屬性：

語法

for (key in object) {
  // code block to be executed
}

實例

const person = {fname:"Bill", lname:"Gates", 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;
}

親自試一試