Ebben az oktatóanyagban példák segítségével megismerheti a… hurok JavaScript-jét.
Az előző oktatóanyagokban a következőket ismertettük:
- JavaScript while and do… while ciklus
- JavaScript for loop
Vannak más típusú hurkok is. A for… inJavaScript ciklusa lehetővé teszi az objektum összes tulajdonságkulcsának ismétlését.
JavaScript for… ciklusban
A for… inhurok szintaxisa :
for (key in object) ( // body of for… in )
A hurok minden iterációjában egy kulcs van hozzárendelve a kulcs változóhoz. A hurok folytatódik az összes objektumtulajdonságnál.
Megjegyzés : Miután megszerezte a kulcsokat, könnyen megtalálhatja az értékét.
1. példa: Iterálás egy objektumon keresztül
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Kimenet
név => Monica osztály => 7 életkor => 12
A fenti programban a for… inciklust használják az studentobjektum ismétlésére és az összes tulajdonság kinyomtatására.
- Az objektumkulcs a változó kulcshoz van hozzárendelve.
student(key)a kulcs értékének elérésére szolgál.
2. példa: A tulajdonságok értékeinek frissítése
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)`); )
Kimenet
Jack: 24000 dollár, Paul: 34000 dollár, Monica: 55000 dollár
A fenti példában a for… inhurkot használják az salariesobjektum tulajdonságainak átismételésére . Ezután a karakterlánc $hozzáadódik az objektum minden értékéhez.
mert … be a húrokkal
Használhatja a for… inciklust a karakterlánc-értékek iterálásához is. Például,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Kimenet
kód
mert … be az Arrays-be
for… inTömbökkel is használható . Például,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Kimenet
szia 1 JavaScript
A tömbökről későbbi útmutatókban tudhat meg többet.
Megjegyzés : Nem szabad for… initerálni egy tömbön, ahol az index sorrendje fontos.
A tömbön való iterálás egyik legjobb módja a for… ofhurok használata.
Ha többet szeretne megtudni a for… ofhurokról, keresse fel a JavaScript for… ciklust.
