Iteracija po matriki v JavaScriptu
Ponavljanje nizov v JavaScriptu je temeljna naloga, ki jo razvijalci pogosto izvajajo. JavaScript ponuja več metod za ponavljanje skozi polja, vključno z for, forEach(), map(), filter(), reduce() in for…of. Vsaka metoda ima svoje specifične primere uporabe, prednosti in najboljše prakse. Ta priročnik raziskuje te različne metode ponavljanja matrike in prikazuje, kako učinkovito krožiti skozi matrike za manipulacijo in dostop do njihovih elementov v JavaScriptu.
Obstaja veliko načinov za ponavljanje skozi polje v JavaScriptu:
Kazalo
- 1. Uporaba metode console.log().
- 2. Uporaba zanke
- 3. Uporaba zanke while
- 4. Uporaba metode forEach().
- 5. Uporaba metode every().
- 6. Uporaba metode map().
- 7. Uporaba metode filter().
- 8. Uporaba metode reduce().
- 9. Uporaba metode some().
- 10. Uporaba metode vnosov().
1. Uporaba metode console.log().
primer: V tem primeru bomo dostopali do preprostih elementov matrike z njihovo indeksno številko.
javascript let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]);
Izhod
geeks 4 geeks
Obstaja več načinov, kako lahko iteriramo po matriki v JavaScriptu. Spodaj so navedeni najbolj uporabni.
2. Uporaba zanke
The za Loop ponavlja niz navodil, dokler dani pogoj ne postane napačen. Podobno je zankam v drugih jezikih, kot so C/C++, Java itd.
primer: V tem primeru uporabljamo zanko for za ponovitev matrike.
javascript let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index < array.length; index++) { console.log(array[index]); } Izhod
1 2 3 4 5 6
3. Uporaba zanke while
A medtem ko zanka v JavaScriptu je stavek nadzornega toka, ki omogoča ponavljajoče se izvajanje kode na podlagi danega logičnega pogoja.
primer: V tem primeru uporabljamo zanko while za ponovitev matrike.
javascript let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index < array.length) { console.log(array[index]); index++; } Izhod
1 2 3 4 5 6
4. Uporaba metode forEach().
The Metoda forEach(). pokliče podano funkcijo enkrat za vsak element polja v vrstnem redu.
primer: V tem primeru uporabljamo metodo forEach() za ponavljanje matrike.
javascript let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) { console.log(item); } Izhod
1 2 3 4 5 6
5. Uporaba metode every().
The vsaka() metoda preveri, ali vsi elementi v matriki prestanejo test (na voljo kot funkcija).
primer: V tem primeru uporabljamo metodo every() za ponavljanje matrike.
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'); } Izhod
At least one element is not less than 5
6. Uporaba metode map().
A metoda map(). uporabi funkcijo za vsak element in nato vrne novo matriko.
primer: V tem primeru uporabljamo metodo map() za ponovitev matrike.
javascript let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); kvadrat = array.map(kvadrat); konzola.log(matrika); console.log(kvadrat);
Izhod
[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]
7. Uporaba metode filter().
metoda filter(). se uporablja za filtriranje vrednosti iz matrike in vrnitev nove filtrirane matrike.
primer: V tem primeru uporabljamo metodo filter() za ponovitev matrike.
Javascript let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; naj evens = array.filter(even); konzola.log(matrika); console.log(evens);
Izhod
[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ]
8. Uporaba metode reduce().
metoda reduce(). se uporablja za zmanjšanje matrike v eno samo vrednost z uporabo neke funkcionalne logike.
primer: V tem primeru uporabljamo metodo reduce() za ponavljanje matrike.
Javascript let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const sum = array.reduce(helperSum, 0); konzola.log(niz) konzola.log(vsota);
Izhod
[ 1, 2, 3, 4, 5, 6 ] 21
9. Uporaba metode some().
metoda some(). se uporablja za preverjanje, ali nekatere vrednosti polja prestanejo preizkus.
primer: V tem primeru uporabljamo metodo some() za ponovitev matrike.
Javascript let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>element < 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 ') } Izhod
[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4
10. Uporaba metode vnosov().
Metoda entries() vrne nov objekt iteratorja matrike, ki vsebuje pare ključ/vrednost za vsak indeks v matriki. To lahko uporabite za dostop do indeksa in vrednosti vsakega elementa.
primer: V tem primeru uporabljamo metodo entries() za ponavljanje matrike.
JavaScript let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) { console.log(index, value); } Izhod
0 1 1 2 2 3 3 4 4 5 5 6