Tässä opetusohjelmassa opit JavaScript-ohjelmasta silmukassa esimerkkien avulla.
Aikaisemmissa opetusohjelmissa olemme käsitelleet:
- JavaScript while and do… while -silmukka
- JavaScript silmukalle
On myös muita silmukoita. for… inSilmukka JavaScript voit kerrata kaikkia ominaisuus avaimet objektin.
JavaScript for… -silmukassa
for… inSilmukan syntaksi on:
for (key in object) ( // body of for… in )
Jokaisessa silmukan iteroinnissa avain määritetään avainmuuttujalle. Silmukka jatkuu kaikkien kohteen ominaisuuksien osalta.
Huomaa : Kun saat avaimet, voit helposti löytää sen arvon.
Esimerkki 1: Toista objektin läpi
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Tuotos
nimi => Monica-luokka => 7 ikä => 12
Yllä olevassa ohjelmassa for… insilmukkaa käytetään iteroimaan studentobjekti ja tulostamaan kaikki sen ominaisuudet.
- Kohde-avain on määritetty muuttuja-avaimelle.
student(key)käytetään avaimen arvon käyttämiseen.
Esimerkki 2: Päivitä ominaisuuksien arvot
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)`); )
Tuotos
Jack: 24000 dollaria, Paul: 34000 dollaria, Monica: 55000 dollaria
Yllä olevassa esimerkissä for… insilmukkaa käytetään iteroimaan salariesobjektin ominaisuudet . Sitten merkkijono $lisätään objektin kuhunkin arvoon.
varten … sisään Stringsin kanssa
Voit käyttää for… insilmukkaa myös iteroida merkkijonoarvojen yli. Esimerkiksi,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Tuotos
koodi
varten … sisään Arraysin kanssa
Voit käyttää for… inmyös matriisien kanssa. Esimerkiksi,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Tuotos
hei 1 JavaScript
Opit lisää matriiseista myöhemmissä opetusohjelmissa.
Huomaa : Sinun ei pidä for… intoistaa taulukkoa, jossa hakemistojärjestys on tärkeä.
Yksi paremmista tavoista toistaa taulukko on for… ofsilmukan käyttö.
Saat lisätietoja for… ofsilmukasta käymällä JavaScript for… -silmukassa.
