JavaScript For In

For In 循环

JavaScript for in 语句循环遍历对象的属性：

语法

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

Eksempel

const person = {fname:"Bill", lname:"Gates", age:25};
let text = "";
for (let x in person) {
  text += person[x];
}

Prøv det selv

例子解释

  • for in 循环遍历 person 对象
  • 每次迭代返回一个键 (x)
  • 键用于访问键的值
  • 键的值为 person[x]

For In 遍历数组

JavaScript for in 语句也可以遍历数组的属性：

语法

for (variable in array) {
  code
}

Eksempel

const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
  txt += numbers[x];
}

Prøv det selv

hvis indeksenrækkefølgeVigtigt, brug ikke for in.

Indeksrækkefølgen afhænger af implementeringen og vil muligvis ikke besøge arrayværdierne i den ønskede rækkefølge.

Det er bedst at bruge, når rækkefølgen er vigtig for Cirkel,for of Cirkel eller Array.forEach().

Array.forEach()

forEach() Metoden kalder funktionen en gang for hver element i arrayet (callback-funktion).

Eksempel

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
  txt += value;
}

Prøv det selv

Bemærk, at funktionen bruger 3 parametre:

  • Elementets værdi
  • Elementets indeks
  • Arrayet selv

Det ovenstående eksempel bruger kun value parameter. Det kan ændres til:

Eksempel

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
  txt += value;
}

Prøv det selv