Heim > Web-Frontend > js-Tutorial > Hauptteil

for-of-Schleife

PHPz
Freigeben: 2024-08-24 11:21:02
Original
1112 Leute haben es durchsucht

for-of Loop

  • Wird hauptsächlich zum Durchlaufen von Arrays verwendet.
  • Indirekt kann zum Durchlaufen von Objekten verwendet werden. Hängt davon ab, was wir durchlaufen wollen, d. h. Eigenschaftsnamen (auch als Schlüssel bezeichnet), Eigenschaftswerte oder beides.
const seasons = {
  mar: 'summer',
  jul: 'monsoon',
  sep: 'autumn',
  nov: 'spring',
  jan: 'winter'
}

//Loop over property-keys & return in an array
const kys = Object.keys(seasons);
kys;             // [ 'mar', 'jul', 'sep', 'nov', 'jan' ]

//Loop over property-values & return in an array
const vals = Object.values(seasons);
vals;            // [ 'summer', 'monsoon', 'autumn', 'spring', 'winter' ]

//Loop over entries i.e index-with-its-corresponding-value & return in an array of arrays
const item = Object.entries(seasons);
item;           // [ [ 'mar', 'summer' ], [ 'jul', 'monsoon' ], [ 'sep', 'autumn' ], [ 'nov', 'spring' ], [ 'jan', 'winter' ] ]

for(const x of item){
  console.log(x);
}               // [ 'mar', 'summer' ] [ 'jul', 'monsoon' ] [ 'sep', 'autumn' ] [ 'nov', 'spring' ] [ 'jan', 'winter' ]

for(const [key, val] of item){
  console.log(`${key} ${val}`);
}               // 'mar summer' 'jul monsoon' 'sep autumn' 'nov spring' 'jan winter'

// Total no of properties on the object
console.log(`${Object.keys(seasons).length}`);    // '5'

let final = `Total ${Object.keys(seasons).length} seasons: `;

for(const season of Object.values(seasons)){
  // Loop over name of each property
  final += `${season}, `;
}               //  'Total 5 seasons: summer, monsoon, autumn, spring, winter, '
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonfor-of-Schleife. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage