Iterarea peste matrice în JavaScript este o sarcină fundamentală pe care dezvoltatorii o îndeplinesc frecvent. JavaScript oferă mai multe metode de iterare prin matrice, inclusiv for, forEach(), map(), filter(), reduce() și for...of. Fiecare metodă are cazurile de utilizare specifice, beneficiile și cele mai bune practici. Acest ghid explorează aceste metode diferite de iterare a matricei, demonstrând cum să parcurgeți în mod eficient matricele pentru a manipula și accesa elementele lor în JavaScript.
Există multe moduri de a itera printr-o matrice în JavaScript:
Cuprins
- 1. Folosind metoda console.log().
- 2. Folosind for Loop
- 3. Folosind bucla while
- 4. Folosind metoda forEach().
- 5. Folosind metoda every().
- 6. Folosind metoda map().
- 7. Folosind metoda filter().
- 8. Folosind metoda reduce().
- 9. Folosind metoda some().
- 10. Utilizarea metodei entries().
1. Folosind metoda console.log().
Exemplu: În acest exemplu, vom accesa elemente simple de matrice folosind numărul lor de index.
javascript let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]);>
Ieșire
geeks 4 geeks>
Există mai multe moduri prin care se poate itera peste o matrice în JavaScript. Cele mai utile sunt menționate mai jos.
2. Folosind for Loop
The pentru Loop execută un set de instrucțiuni în mod repetat până când condiția dată devine falsă. Este similar cu buclele din alte limbaje precum C/C++, Java etc.
Exemplu: În acest exemplu, folosim bucla for pentru iterarea unui tablou.
javascript let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index < array.length; index++) { console.log(array[index]); }> Ieșire
1 2 3 4 5 6>
3. Folosind bucla while
A buclă while în JavaScript este o instrucțiune de flux de control care permite ca codul să fie executat în mod repetat pe baza condiției booleene date.
Exemplu: În acest exemplu, folosim bucla while pentru iterarea unui tablou.
javascript let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index < array.length) { console.log(array[index]); index++; }> Ieșire
1 2 3 4 5 6>
4. Folosind metoda forEach().
The Metoda forEach(). apelează funcția furnizată o dată pentru fiecare element de matrice din ordine.
Exemplu: În acest exemplu, folosim metoda forEach() pentru iterația unui tablou.
javascript let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) { console.log(item); }> Ieșire
1 2 3 4 5 6>
5. Folosind metoda every().
The fiecare() Metoda verifică dacă toate elementele dintr-o matrice trec un test (furnizat ca funcție).
Exemplu: În acest exemplu, folosim metoda every() pentru iterația unui tablou.
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'); }> Ieșire
At least one element is not less than 5>
6. Folosind metoda map().
A map() Metoda aplică o funcție peste fiecare element și apoi returnează noua matrice.
Exemplu: În acest exemplu, folosim metoda map() pentru iterația unui tablou.
javascript let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); pătrat = matrice.hartă(pătrat); console.log(matrice); console.log(pătrat);>>>
Ieșire [ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]>
7. Folosind metoda filter().
filter() Metoda este folosit pentru a filtra valorile dintr-o matrice și a returna noua matrice filtrată.
Exemplu: În acest exemplu, folosim metoda filter() pentru iterația unui tablou.
Javascript let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; let evens = array.filter(even); console.log(matrice); console.log(evens);>>>
Ieșire 8. Folosind metoda reduce(). reduce() Metoda este folosit pentru a reduce matricea într-o singură valoare folosind o logică funcțională.
Exemplu: În acest exemplu, folosim metoda reduce() pentru iterația unui tablou.
Javascript let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const sum = array.reduce(helperSum, 0); console.log(array) console.log(sum);>>>
Ieșire 9. Folosind metoda some(). some() Metoda este folosit pentru a verifica dacă unele valori ale matricei trec un test.
Exemplu: În acest exemplu, folosim o metodă () pentru iterația unui tablou.
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 ') }>
Ieșire 10. Utilizarea metodei entries().Metoda entries() returnează un nou obiect Array Iterator care conține perechile cheie/valoare pentru fiecare index din matrice. Acesta poate fi folosit pentru a accesa atât indexul, cât și valoarea fiecărui element.
kajal aggarwal
Exemplu: În acest exemplu, folosim metoda entries() pentru iterarea unui tablou.
JavaScript let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) { console.log(index, value); }>
Ieșire 0 1 1 2 2 3 3 4 4 5 5 6>