JavaScript pre ... v slučke (s príkladmi)

V tomto tutoriále sa dozviete viac o JavaScripte pre… v príkladoch.

V predchádzajúcich tutoriáloch sme sa venovali:

  • JavaScript while and do … while loop
  • JavaScript pre slučku

Existujú aj iné typy slučiek. for… inSlučka v JavaScripte umožňuje iterácii cez všetky reality kľúča objektu.

JavaScript pre … v slučke

Syntax for… inslučky je:

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

V každej iterácii slučky je kľúčovej premennej priradený kľúč. Smyčka pokračuje pre všetky vlastnosti objektu.

Poznámka : Hneď ako získate kľúče, môžete ľahko zistiť jeho hodnotu.

Príklad 1: Iterácia cez objekt

 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ýkon

 meno => trieda Monica => 7 vek => 12

Vo vyššie uvedenom programe sa for… inslučka používa na iteráciu studentobjektu a tlač všetkých jeho vlastností.

  • Kľúč objektu je priradený premennému kľúču.
  • student(key) sa používa na prístup k hodnote kľúča.

Príklad 2: Aktualizácia hodnôt 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ýkon

 Jack: 24 000 dolárov, Paul: 34 000 dolárov, Monika: 55 000 dolárov

Vo vyššie uvedenom príklade sa for… inslučka používa na iteráciu vlastností salariesobjektu. Potom sa reťazec $pridá ku každej hodnote objektu.

pre … so strunami

Môžete tiež použiť for… inslučku na iteráciu nad hodnotami reťazca. Napríklad,

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

Výkon

 kód

pre … v s poľami

Môžete tiež použiť for… ins poľami. Napríklad,

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

Výkon

 ahoj 1 JavaScript

Viac sa o poliach dozviete v ďalších tutoriáloch.

Poznámka : Nemali by ste používať for… inna iteráciu poľa, kde je dôležité poradie indexov.

Jedným z lepších spôsobov iterácie nad poľom je použitie for… ofslučky.

Ak sa chcete dozvedieť viac informácií o for… ofslučke, navštívte JavaScript pre … slučky.

Zaujímavé články...