Ciclo For In JavaScript

Ciclo For In

JavaScript for in l'espressione itera sulle proprietà dell'oggetto:

sintassi

per (chiave in oggetto) {
  // blocco di codice da eseguire
}

Esempio

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

Prova tu stesso

esempio di spiegazione

  • for in ricorsione ciclica person oggetto
  • alla fine di ogni iterazione viene restituito unchiave (x)
  • la chiave viene utilizzata per accedere al valore dellavalore
  • il valore della chiave è person[x]

Iterazione For In sull'array

JavaScript for in le espressioni possono anche iterare sulle proprietà dell'array:

sintassi

per (variabile in array) {
  code
}

Esempio

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

Prova tu stesso

Se l'indiceOrdineImportante, non utilizzare su array for in。

L'ordine degli indici dipende dall'implementazione e potrebbe non essere visitato nell'ordine che ti aspetti.

È meglio utilizzare quando l'ordine è importante for Ciclo,for of Ciclo o Array.forEach()。

Array.forEach()

forEach() Il metodo chiama la funzione per ogni elemento dell'array (funzione di callback).

Esempio

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

Prova tu stesso

Attenzione, la funzione accetta 3 parametri:

  • Valore dell'elemento
  • Indice dell'elemento
  • Array stesso

L'esempio sopra utilizza solo il parametro value. Può essere riscritto come:

Esempio

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

Prova tu stesso