Iterar sobre matrius en JavaScript és una tasca fonamental que els desenvolupadors realitzen amb freqüència. JavaScript proporciona diversos mètodes per iterar a través de matrius, com ara for, forEach(), map(), filter(), reduce() i for...of. Cada mètode té els seus casos d'ús específics, avantatges i bones pràctiques. Aquesta guia explora aquests diferents mètodes d'iteració de matrius, demostrant com fer un bucle eficaç a través de matrius per manipular i accedir als seus elements en JavaScript.

Hi ha moltes maneres d'iterar a través d'una matriu en JavaScript:

Taula de contingut

• 1. Utilitzant el mètode console.log().
• 2. Utilitzant for Loop
• 3. Utilitzar el bucle while
• 4. Utilitzant el mètode forEach().
• 5. Utilitzant el mètode every().
• 6. Utilitzant el mètode map().
• 7. Utilitzant el mètode filter().
• 8. Utilitzant el mètode reduce().
• 9. Ús del mètode some().
• 10. Ús del mètode entries().

1. Utilitzant el mètode console.log().

Exemple: En aquest exemple, accedirem a elements de matriu simples utilitzant el seu número d'índex.

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

geeks 4 geeks>

Hi ha diverses maneres d'iterar sobre una matriu en JavaScript. Les més útils s'esmenten a continuació.

scan.nextstring java

2. Utilitzant for Loop

El per a Loop executa un conjunt d'instruccions repetidament fins que la condició donada esdevé falsa. És similar als bucles en altres llenguatges com C/C++, Java, etc.

Exemple: En aquest exemple estem utilitzant el bucle for per a la iteració d'una matriu.

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

1 2 3 4 5 6>

3. Utilitzar el bucle while

A bucle while a JavaScript és una instrucció de flux de control que permet que el codi s'executi repetidament en funció de la condició booleana donada.

Exemple: En aquest exemple estem utilitzant el bucle while per a la iteració d'una matriu.

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

1 2 3 4 5 6>

4. Utilitzant el mètode forEach().

El Mètode forEach(). crida a la funció proporcionada una vegada per cada element de matriu de l'ordre.

Exemple: En aquest exemple estem utilitzant el mètode forEach() per a la iteració d'una matriu.

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

1 2 3 4 5 6>

5. Utilitzant el mètode every().

El every() Mètode comprova si tots els elements d'una matriu passen una prova (proporcionada com a funció).

mètode tostring java

Exemple: En aquest exemple estem utilitzant el mètode every() per a la iteració d'una matriu.

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'); }>

At least one element is not less than 5>

6. Utilitzant el mètode map().

A Mètode map(). aplica una funció sobre cada element i després retorna la nova matriu.

Exemple: En aquest exemple estem utilitzant el mètode map() per a la iteració d'una matriu.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); quadrat = matriu.mapa (quadrat); console.log(matriu); console.log(quadrat);>>>  
  Sortida  
[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]>
  
    7. Utilitzant el mètode filter().    
     filter() Mètode     s'utilitza per filtrar valors d'una matriu i retornar la nova matriu filtrat.
 
    Exemple:    En aquest exemple estem utilitzant el mètode filter() per a la iteració d'una matriu.
Javascript 
let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; deixar evens = array.filter(par); console.log(matriu); console.log(evens);>>>  
  Sortida      8. Utilitzant el mètode reduce().    
     Reducció () Mètode     s'utilitza per reduir la matriu en un sol valor utilitzant alguna lògica funcional.
 
    Exemple:    En aquest exemple estem utilitzant el mètode reduce() per a la iteració d'una matriu.
Javascript 
let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const sum = array.reduce(helperSum, 0); console.log(matriu) console.log(sum);>>>  
  Sortida      9. Ús del mètode some().    
     some() Mètode     s'utilitza per comprovar si alguns valors de matriu passen una prova.
Java estàtic
 
    Exemple:    En aquest exemple estem utilitzant algun mètode () per a la iteració d'una matriu.
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 ') }>
   
  Sortida  10. Ús del mètode entries().
El mètode entries() retorna un nou objecte Array Iterator que conté els parells clau/valor per a cada índex de la matriu. Això es pot utilitzar per accedir tant a l'índex com al valor de cada element.
 
    Exemple:    En aquest exemple, estem utilitzant el mètode entries() per a la iteració d'una matriu.
JavaScript 
let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); }>
   
  Sortida  
0 1 1 2 2 3 3 4 4 5 5 6>