JavaScript pro ... ve smyčce (s příklady)

V tomto tutoriálu se dozvíte o JavaScriptu pro… ve smyčce pomocí příkladů.

V předchozích tutoriálech jsme se zabývali:

  • JavaScript while and do … while loop
  • JavaScript pro smyčku

Existují také jiné typy smyček. for… inSmyčka v JavaScriptu umožňuje iteraci přes všechny reality klíče objektu.

JavaScript pro… ve smyčce

Syntaxe for… insmyčky je:

 for (key in object) ( // body of for… in )

V každé iteraci smyčky je klíč přiřazen proměnné klíče. Smyčka pokračuje u všech vlastností objektu.

Poznámka : Jakmile získáte klíče, můžete snadno najít jejich hodnotu.

Příklad 1: Iterace objektem

 const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )

Výstup

 name => Monica class => 7 age => 12

Ve výše uvedeném programu se for… insmyčka používá k iteraci studentobjektu a tisku všech jeho vlastností.

  • Klíč objektu je přiřazen proměnnému klíči.
  • student(key) slouží k přístupu k hodnotě klíče.

Příklad 2: Aktualizace hodnot vlastností

 const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )

Výstup

 Jack: 24 000 $, Paul: 34 000 $, Monica: 55 000 $

Ve výše uvedeném příkladu se for… insmyčka používá k iteraci vlastností salariesobjektu. Poté je řetězec $přidán ke každé hodnotě objektu.

pro … se strunami

Můžete také použít for… insmyčku k iteraci přes hodnoty řetězce. Například,

 const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )

Výstup

 kód

pro … v poli

Můžete také použít for… ins poli. Například,

 // define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )

Výstup

 ahoj 1 JavaScript

Více o polích se dozvíte v pozdějších cvičeních.

Poznámka : Neměli byste for… initerovat přes pole, kde je důležité pořadí indexů.

Jedním z lepších způsobů iterace nad polem je použití for… ofsmyčky.

Chcete-li se dozvědět více o for… ofsmyčce, navštivte JavaScript pro… smyčky.

Zajímavé články...