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… in
Smyčka v JavaScriptu umožňuje iteraci přes všechny reality klíče objektu.
JavaScript pro… ve smyčce
Syntaxe for… in
smyč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… in
smyčka používá k iteraci student
objektu 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… in
smyčka používá k iteraci vlastností salaries
objektu. Poté je řetězec $
přidán ke každé hodnotě objektu.
pro … se strunami
Můžete také použít for… in
smyč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… in
s 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… in
iterovat 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… of
smyčky.
Chcete-li se dozvědět více o for… of
smyčce, navštivte JavaScript pro… smyčky.