JavaScript-For-In

For In 循环

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

语法

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

Beispiel

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

Versuchen Sie es selbst

例子解释

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

For In 遍历数组

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

语法

for (variable in array) {
  code
}

Beispiel

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

Versuchen Sie es selbst

Wenn der IndexReihenfolgeWichtig, verwenden Sie das nicht auf Arrays for in

Die Reihenfolge der Indizes hängt von der Implementierung ab und kann nicht in der erwarteten Reihenfolge auf die Array-Werte zugegriffen werden.

Wenn die Reihenfolge wichtig ist, ist es am besten, for Schleifen,for of Schleifen oder Array.forEach()

Array.forEach()

forEach() Die Methode ruft die Funktion einmal für jedes Array-Element auf (Rückruffunktion).

Beispiel

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

Versuchen Sie es selbst

Bitte beachten Sie, dass die Funktion 3 Parameter annimmt:

  • Wert des Elements
  • Index des Elements
  • Array selbst

Der obige Beispiel verwendet nur den value-Parameter. Es kann geändert werden in:

Beispiel

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

Versuchen Sie es selbst