Cik For-cikls ir programmēšanas nepieciešamība, īpaši tīmekļa izstrādātājiem. Tas ļauj tev iterēt caur masīviem un piekļūt to vērtībām. Tomēr ar jaunajām funkcijām ES6 līdz ES13 ir pieejama modernāka un kompakta sintakse, kas ievērojami atvieglo dzīvi. Apskatīsim tuvāk, kā tu vari efektīvi un viegli izmantot For-ciklu savos projektos.
Galvenās atziņas
- Tradicionālais For-cikls ir mazāk elegants un var būt sarežģīts.
- Ar ES6 vari izmantot jauno for...of-ciklu, kas saīsina kodu un padara to lasāmāku.
- Object.entries()-metode ļauj piekļūt indeksam masīvos.
Pakāpeniska rokasgrāmata
1. solis: Tradicionālais For-cikls
Uzsāksim ar tradicionālo For-ciklu. Tu deklarē masīvu un vēlies iterēt caur katru elementu. Tas tiek darīts šādi: tu izveido mainīgo skaitītājam (i), definē cikla nosacījumu un palielini skaitītāju katrā iterācijā.
2. solis: Tradicionālā For-cikla priekšrocības
Izmantojot tradicionālo metodi, tev ir priekšrocība, ka tu tieši vari piekļūt indeksam i. Tu vari manipulēt ar vērtību masīvā un izvada to, kas sniedz papildus elastību datu apstrādē.
3. solis: Let un const izmantošana
Ja tu mēģināsi izmantot const skaitītājam, tas radīs kļūdu, jo const prasa vienreizēju piešķiršanu. Tomēr ciklā tu vari palielināt skaitītāju katrā iterācijā. Tādēļ izmanto let.
4. solis: Ievads for...of-ciklā
Tagad aplūkosim, kā izskatās for...of-cikls ES6. Šī sintakse ir daudz eleganta un padara kodu īsāku un vieglāk saprotamu.
5. solis: Const izmantošana for...of-ciklā
For...of-cikla lieliskā īpašība ir tāda, ka tu vari izmantot const, lai definētu masīva elementu vērtības. Tas darbojas, jo item katrā iterācijā tiek atkārtoti definēts.
6. solis: Piekļuve indeksam
Ja tev nepieciešams gan indekss, gan masīva vērtība, tu vari izmantot Object.entries()-metodi. Šī metode sniedz masīvu no masīviem, kur katrs iekšējais masīvs satur indeksu un vērtību.
7. solis: Destrukturēšana elegances un lasāmības labad
Lai padarītu kodu vēl lasāmāku, tu vari izmantot destrukturizācijas funkciju. Tu sadali iekšējo masīvu divās mainīgajās – viena indeksam, un otra vērtībai.
8. solis: Noslēguma domas par for...of-ciklu
For...of-cikls ir īpaši noderīgs, ja tev nepieciešamas tikai elementu vērtības. Tas ir kompakts, labi lasāms un elegants. Ja tev nepieciešami arī indeksi, kombinācija ar Object.entries() ir lieliska risinājums.
Kopsavilkums – For-cikli JavaScript – viegli iterēt caur masīviem
Šajā rokasgrāmatā tu uzzināji, kā izmantot tradicionālo For-ciklu, kā izmantot eleganto for...of-ciklu ES6 un kā ar Object.entries() piekļūt indeksam. Šīs tehnikas sniedz tev vairāk elastības un lasāmības tavā JavaScript-kodā.
Biežāk uzdotie jautājumi
Kā es varu izmantot For-ciklu JavaScript?Tu deklarē ciklu ar skaitītāju, nosaki nosacījumus un palielini skaitītāju katrā iterācijā.
Kāda ir atšķirība starp for un for...of?for...of ir jaunāka, īsāka sintakse, kas ļauj tieši iterēt caur masīva vērtībām.
Kā man iegūt gan indeksu, gan vērtību ciklā?Izmanto Object.entries()-metodi, lai piekļūtu abiem.
Vai es varu izmantot const for...of-ciklā?Jā, tu vari izmantot const, jo mainīgais katrā iterācijā tiek atkārtoti definēts.
Kā es varu padarīt savus ciklus lasāmākus?Izmanto destrukturizāciju, lai skaidri un vienkārši nodalītu indeksu un vērtību no mainīgajiem.
