Kaip naudoti kilpas „JavaScript“

„Looping“ leidžia kartoti kiekvieną masyvo elementą, kad galėtumėte tinkinti ir išvesti kiekvieną iš jų, kaip jums patinka. Kaip ir kiekviena programavimo kalba, kilpos taip pat yra esminis įrankis masyvams atvaizduoti „JavaScript“.

Pasitelkę keletą praktinių pavyzdžių, įsigilinkime į įvairius būdus, kaip galite naudoti kilpas „JavaScript“.

„JavaScript“ ciklo padidėjimas ir sumažėjimas

Papildomas dėl kilpa yra „JavaScript“ iteracijos pagrindas.

Ji prisiima pradinę reikšmę, priskirtą kintamajam, ir atlieka paprastą sąlyginio ilgio patikrinimą. Tada ji padidina arba sumažina šią vertę naudodami ++ arba -- operatoriai.

Štai kaip atrodo jo bendra sintaksė:

for (var i = pradinė vertė; i masyvas [i]}

Dabar kartokime masyvą naudodami aukščiau pateiktą bazinę sintaksę:

anArray = [1, 3, 5, 6];
už (tegul i = 0; i console.log (anArray [i])
}
Išėjimas:
1
3
5
6 

Dabar mes veiksime kiekvieną elementą aukščiau esančiame masyve naudodami „JavaScript“ dėl kilpa:

anArray = [1, 3, 5, 6];
už (tegul i = 0; i console.log ("5", "x", anArray [i], "=", anArray [i] * 5)





instagram viewer


}
Išėjimas:
5 x 1 = 5
5 x 3 = 15
5 x 5 = 25
5 x 6 = 30 

Ciklas palaipsniui kartojasi per masyvą su ++ operatorius, gaminantis užsakytą produkciją.

Bet naudojant neigiamą (--) operatorius, galite pakeisti išvestį.

Sintaksės yra tos pačios, tačiau logika šiek tiek skiriasi nuo aukščiau nurodytos didėjančios kilpos.

Štai kaip veikia mažinimo metodas:

anArray = [1, 3, 5, 6];
už (tegul i = anArray.length-1; i> = 0; aš-) {
console.log ("5", "x", anArray [i], "=", anArray [i]*5)
}
Išėjimas:
5 x 6 = 30
5 x 5 = 25
5 x 3 = 15
5 x 1 = 5

Anksčiau pateikto kodo logika nėra tolima. Masyvo indeksavimas prasideda nuo nulio. Taigi skambina anArray [i] paprastai kartojasi nuo indekso nulio iki trijų, nes aukščiau esančiame masyve yra keturi elementai.

Taigi, pašalinti vieną iš masyvo ilgio ir nustatyti sąlygą į didesnę ar lygią nuliui, kaip mes tai padarėme, yra gana patogu, ypač kai naudojate masyvą kaip iteracijos pagrindą.

Jis išlaiko masyvo indeksą vienu mažesniu nei jo ilgis. Būsena i> = 0 tada priverčia skaičių sustabdyti paskutinį masyvo elementą.

Susijęs: „JavaScript“ masyvo metodai, kuriuos turėtumėte išmokti šiandien

„JavaScript“ kiekvienam

Nors jūs negalite sumažinti naudodami „JavaScript“ kiekvienam, tai dažnai yra mažiau daugžodžiaujantis nei žaliavinis dėl kilpa. Tai veikia renkantis vieną daiktą po kito, nepamirštant ankstesnio.

Štai bendra „JavaScript“ sintaksė kiekvienam:

array.forEach (elementas => {
veiksmas
})

Pažiūrėkite, kaip tai veikia praktiškai:

tegul anArray = [1, 3, 5, 6];
anArray.forEach (x => {
console.log (x)
});
Išėjimas:
1
3
5
6 

Dabar naudokite tai, kad atliktumėte paprastą matematinę kiekvieno elemento operaciją, kaip tai darėte ankstesniame skyriuje:

tegul anArray = [1, 3, 5, 6];
anArray.forEach (x => {
console.log ("5", "x", x, "=", x * 5)
});
Išėjimas:
5 x 1 = 5
5 x 3 = 15
5 x 5 = 25
5 x 6 = 30 

Kaip naudoti „...“ „JavaScript“ cikle

The už... į „JavaScript“ kilpa pakartoja masyvą ir grąžina jo indeksą.

Jums bus lengva naudotis už... į jei esate susipažinęs „Python“ skirtas kilpai nes jie panašūs savo paprastumu ir logika.

Pažvelkite į jo bendrą sintaksę:

for (tegul elementas masyve) {
veiksmas 
}

Taigi už... į kilpa priskiria kiekvieną masyvo elementą skliausteliuose deklaruojamam kintamajam (elementui).

Taigi, registravus elementą tiesiai cikle, pateikiamas masyvo indeksas, o ne patys elementai:

tegul anArray = [1, 3, 5, 6];
už (tegul i inArray) {
console.log (i)
}
Išėjimas:
0
1
2
3 

Norėdami išvesti kiekvieną elementą:

tegul anArray = [1, 3, 5, 6];
už (tegul i inArray) {
console.log (anArray [i])
}
Išėjimas:
1
3
5
6 

Kaip ir jūs, kai naudojate mažinimo ciklą, taip pat lengva pakeisti išvestį naudojant už... į:

tegul anArray = [1, 3, 5, 6];
// Pašalinkite vieną iš masyvo ilgio ir priskirkite tai kintamajam:
tegul v = anArray.length - 1; 
// Naudokite aukščiau pateiktą kintamąjį kaip indekso pagrindą, kartodami masyvą:
už (tegul i inArray) {
console.log (anArray [v])
v -= 1;
}
Išėjimas:
6
5
3
1 

Anksčiau pateiktas kodas yra logiškai panašus į tai, ką darėte naudodami mažinimo ciklą. Tačiau jis yra labiau skaitomas ir aiškiai išdėstytas.

„Java“, skirta... iš „Loop“

The už... iš kilpa panaši į už... į kilpa.

Tačiau, skirtingai nei už... į, jis nekartojamas per masyvo indeksą, o patys elementai.

Jo bendra sintaksė atrodo taip:

už (tegul masyvas) {
veiksmas 
}

Naudokime šį ciklo metodą, kad palaipsniui kartotume masyvą, kad pamatytume, kaip jis veikia:

tegul anArray = [1, 3, 5, 6];
už (tegul i of anArray) {
console.log (i)
}
Išėjimas:
1
3
5
6 

Taip pat galite naudoti šį metodą, norėdami pakartoti masyvą ir pakeisti išvestį. Tai panašu į tai, kaip tai darote naudodami už... į:

tegul anArray = [1, 3, 5, 6];
tegul v = anArray.length - 1;
už (tegul x iš „AnArray“) {
console.log (anArray [v])
v -= 1;
}
Išėjimas:
6
5
3
1

Norėdami veikti ciklo viduje:

tegul anArray = [1, 3, 5, 6];
tegul v = anArray.length - 1;
už (tegul x iš „AnArray“) {
console.log ("5", "x", anArray [v], "=", anArray [v] * 5)
v -= 1;
}
Išėjimas:
5 x 6 = 30
5 x 5 = 25
5 x 3 = 15
5 x 1 = 5 

Nors ciklas

The tuo tarpu ciklas veikia nuolat, kol nurodyta sąlyga išlieka teisinga. Jis dažnai naudojamas kaip begalinė kilpa.

Pavyzdžiui, kadangi nulis visada yra mažesnis nei dešimt, toliau pateiktas kodas veikia nuolat:

tegul i = 0;
o (aš <10) {
console.log (4)
}

Aukščiau pateiktas kodas neribotą laiką registruoja „4“.

Pakartokime masyvą naudodami tuo tarpu kilpa:

tegul i = 0;
tuo tarpu (i console.log (anArray [i])
i += 1
}
Išėjimas:
1
3
5
6 

„JavaScript“ daro... o ciklas

The daryti... kol kilpa priima ir vykdo veiksmų rinkinį, aiškiai nurodytą a daryti sintaksė. Tada jame nurodoma šio veiksmo sąlyga tuo tarpu kilpa.

Štai kaip tai atrodo:

daryti {
veiksmai
}
kol (
sutikimas
)

Dabar kartokime masyvą naudodami šį kilpų metodą:

daryti {
console.log (anArray [i])
i += 1
}
kol (
i )
Išėjimas:
1
3
5
6 

Susipažinkite su „JavaScript“ kilpomis

Nors čia išryškinome įvairius „JavaScript“ ciklo metodus, įvaldę programavimo iteracijos pagrindus, galite juos lanksčiai ir užtikrintai naudoti savo programose. Be to, dauguma šių „JavaScript“ kilpų veikia taip pat, o jų bendrieji kontūrai ir sintaksės skiriasi tik keliais skirtumais.

Tačiau kilpos yra daugumos kliento masyvo atvaizdavimo pagrindas. Taigi nedvejodami pataisykite šiuos kilpavimo metodus, kaip jums patinka. Pavyzdžiui, naudojant juos su sudėtingesniais masyvais, galite geriau suprasti „JavaScript“ kilpas.

Kaip naudoti „JavaScript“ teiginį, jei kitaip

„Jei kitaip“ teiginys yra pirmas žingsnis programuojant logiką į savo programas.

Skaityti toliau

Apie autorių