Boucles For In JavaScript

For In 循环

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

语法

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

Exemple

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

Essayez-le vous-même

例子解释

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

For In 遍历数组

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

语法

for (variable in array) {
  code
}

Exemple

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

Essayez-le vous-même

Si l'indexL'ordreTrès important, n'utilisez pas for in。

L'ordre des indices dépend de l'implémentation et peut ne pas être visité dans l'ordre que vous attendez.

Il est préférable d'utiliser for Boucle,for of Par exemple, boucle ou Array.forEach()。

Array.forEach()

forEach() La méthode appelle la fonction pour chaque élément de l'array (fonction callback).

Exemple

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

Essayez-le vous-même

Veuillez noter que cette fonction utilise 3 paramètres :

  • La valeur de l'élément
  • L'index de l'élément
  • L'array lui-même

L'exemple ci-dessus utilise uniquement le paramètre value. Il peut être modifié pour être :

Exemple

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

Essayez-le vous-même