Pakartokite per „JavaScript“ masyvą

„JavaScript“ masyvų kartojimas yra pagrindinė užduotis, kurią kūrėjai dažnai atlieka. „JavaScript“ pateikia kelis būdus, kaip kartoti masyvus, įskaitant for, forEach(), map(), filtrą(), reduction() ir for...of. Kiekvienas metodas turi savo specifinius naudojimo atvejus, naudą ir geriausią praktiką. Šiame vadove nagrinėjami šie skirtingi masyvo iteracijos metodai, parodoma, kaip efektyviai pereiti per masyvus, kad būtų galima manipuliuoti ir pasiekti jų elementus „JavaScript“.

Yra daug būdų, kaip kartoti „JavaScript“ masyvą:

Turinys

1. Naudojant console.log() metodą

Pavyzdys: Šiame pavyzdyje mes pasieksime paprastus masyvo elementus naudodami jų indekso numerį.

javascript
let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]); 

Išvestis
geeks 4 geeks 

„JavaScript“ masyve galima kartoti keliais būdais. Naudingiausi yra paminėti žemiau.

2. Naudojimas for Loop

The už Loop pakartotinai vykdo instrukcijų rinkinį, kol pateikta sąlyga tampa klaidinga. Jis panašus į kilpas kitomis kalbomis, tokiomis kaip C/C++, Java ir kt.

Pavyzdys: Šiame pavyzdyje mes naudojame ciklą masyvo iteracijai.

javascript
let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index  < array.length; index++) {  console.log(array[index]); } 

Išvestis
1 2 3 4 5 6 

3. Naudojant ciklą while

A o kilpa „JavaScript“ yra valdymo srauto sakinys, leidžiantis pakartotinai vykdyti kodą, atsižvelgiant į nurodytą loginę sąlygą.

Pavyzdys: Šiame pavyzdyje masyvo iteracijai naudojame ciklą while.

javascript
let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index  < array.length) {  console.log(array[index]);  index++; } 

Išvestis
1 2 3 4 5 6 

4. ForEach() metodo naudojimas

The forEach() metodas vieną kartą iškviečia pateiktą funkciją kiekvienam eilės masyvo elementui.

Pavyzdys: Šiame pavyzdyje mes naudojame forEach() metodą masyvo iteracijai.

javascript
let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); } 

Išvestis
1 2 3 4 5 6 

5. Naudojant kiekvieną() metodą

The kiekvienas() metodas patikrina, ar visi masyvo elementai išlaiko testą (pateikiama kaip funkcija).

Pavyzdys: Šiame pavyzdyje mes naudojame kiekvieną () metodą masyvo iteracijai.

javascript
let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>x < 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); } 

Išvestis
At least one element is not less than 5 

6. Map() metodo naudojimas

A map() Metodas pritaiko funkciją kiekvienam elementui ir grąžina naują masyvą.

Pavyzdys: Šiame pavyzdyje mes naudojame map() metodą masyvo iteracijai.

javascript
let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); kvadratas = masyvas.map(kvadratas); console.log(masyvas); console.log(kvadratas);>>   
Išvestis
[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ] 

7. Filtro() metodo naudojimas

filtras() metodas naudojamas masyvo reikšmėms filtruoti ir naujam filtruotam masyvui grąžinti.

Pavyzdys: Šiame pavyzdyje mes naudojame filtro () metodą masyvo iteracijai.

Javascript
let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; tegul evens = masyvas.filtras(lyginis); console.log(masyvas); console.log(evens);>>   
Išvestis 8. Sumažinimo() metodo naudojimas

sumažinti() metodas naudojamas norint sumažinti masyvą į vieną reikšmę, naudojant tam tikrą funkcinę logiką.

Pavyzdys: Šiame pavyzdyje mes naudojame redukcijos () metodą masyvo iteracijai.

Javascript
let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const suma = masyvas.reduce(helperSum, 0); console.log(masyvas) console.log(sum);>>   
Išvestis 9. Naudojant tam tikrą() metodą

kai () metodas naudojamas patikrinti, ar kai kurios masyvo reikšmės išlaiko testą.

Pavyzdys: Šiame pavyzdyje mes naudojame tam tikrą () metodą masyvo iteracijai.

Javascript
let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>elementas < 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') } 

Išvestis 10. Įrašų () naudojimas

Metodas entries() grąžina naują masyvo iteratoriaus objektą, kuriame yra kiekvieno masyvo indekso raktų/reikšmių poros. Tai gali būti naudojama norint pasiekti kiekvieno elemento indeksą ir reikšmę.

Pavyzdys: Šiame pavyzdyje mes naudojame įrašų () metodą masyvo iteracijai.

JavaScript
let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); } 

Išvestis
0 1 1 2 2 3 3 4 4 5 5 6