Cómo recorrer/iterar a través de una matriz en JavaScript

Los bucles son componentes clave de cada lenguaje de programación. Se utilizan para ejecutar el mismo código o lógica una y otra vez en un ciclo. Por lo general, los bucles tienen un valor de índice que es diferente cada vez que se repite el bucle. Hay diferentes tipos de bucles disponibles en JavaScript que nos ayudan a iterar sobre una matriz. Una matriz es una colección que se utiliza para almacenar diferentes elementos; Un ejemplo de una matriz en JavaScript es:

const nombres = ['John', 'Chris', 'Harry'];

Para obtener un elemento de esta matriz, solo proporcionamos índice y el nombre de la matriz:

consola.registro (nombres [2]);

Esto devolverá "Harry" a medida que comience la indexación desde 0.

Hemos visto que podemos obtener un elemento de una matriz especificando un número de índice. Pero sería demasiado agitado si hubiera 100 nombres en la matriz mencionada anteriormente. La solución es usar bucles; Los bucles pueden manejar fácilmente matrices con numerosas entradas. Esta publicación se centra en cómo podemos usar los bucles de JavaScript para iterar sobre una matriz para ser un programador eficiente.

Nota: La consola del navegador se utiliza para la demostración de ejemplos en este artículo.

Cómo iterar a través de una matriz usando JavaScript para Loop

A For Loop es un bucle que repite una acción siempre que una determinada condición sea verdadera. Cuando la condición se vuelve falsa, el bucle se rompe. La sintaxis de For Loop en JavaScript es similar a la de Java o C; La sintaxis de bucle más simple es:

para (inicializar variable; alguna condición; incrementos/disminuciones variables)
// algún código para ser ejecutado

Ejemplo de iteración a través de un bucle para una matriz es:

const nombres = ['John', 'Chris', 'Harry'];
para (dejar índice = 0; índice < names.length; index++)
consola.registro (nombres [2]);

Primero declaramos una matriz con nombre de nombres, luego un bucle for e inicializamos una variable llamada índice dentro del bucle for; Esto actuará como el índice para la matriz. Después de eso, ponemos la condición de que el bucle debe funcionar hasta que sea una longitud de matriz I-E de 0 a 2 (3 veces en total). El último paréntesis le dice el bucle que para cada ciclo incrementa el índice en 1. Cada ciclo del bucle, la consola registramos los elementos de la matriz uno por uno usando la variable inicializada que es índice.

En pocas palabras, el bucle comienza en el índice 0 y luego se verifica la longitud de la matriz. Si la condición es verdadera, el bucle ejecuta el bloque de código que está dentro de los paréntesis, que es el registro de la consola. Después de esto, incrementa el "índice" y luego verifica la condición nuevamente. El mismo ciclo se repite hasta que la condición especificada ya no sea verdadera.

Cómo iterar a través de una matriz usando JavaScript mientras bucle

Sintácticamente, JavaScript, mientras que el bucle también es similar a C o Java, mientras que Loop. Ejemplo de iteración de una matriz usando While Loop en JavaScript es:

const nombres = ['John', 'Chris', 'Harry'];
índice = 0;
mientras (índiceconsola.log (nombres [índice]);
índice ++;

Cómo iterar a través de una matriz usando JavaScript para/de Loop

El for/de bucle también se usa para recorrer los elementos/elementos de una matriz:

const nombres = ['John', 'Chris', 'Harry'];
para (nombre de nombres)
consola.log (nombre);

Cómo iterar a través de una matriz usando JavaScript foreach Loop

El método foreach () llama o ejecuta una función de devolución de llamada específica para cada elemento en la matriz. Se necesitan tres argumentos; el elemento/elemento actual, el índice y la matriz en sí.

const nombres = ['John', 'Chris', 'Harry'];
nombres.foreach (elemento =>
consola.log (elemento);
);

En el ejemplo anterior hemos utilizado una función de flecha que toma el elemento actual de la matriz como argumento dentro del .foreach () bucle a consola.registrar cada elemento.

Cómo iterar a través de una matriz utilizando el método de mapa en JavaScript

El método map () itera sobre una matriz creando una nueva matriz. Para cada elemento en la matriz original, ejecuta alguna función I.mi. la función de flecha con NUM como argumento en el siguiente ejemplo dado. No cambia la matriz original. Ahora suponga que tenemos una variedad de números del 1 al 5. Queremos que cada número se multiplique por 2. Podemos lograr esto de la siguiente manera:

Sea la tabla1 = [1,2,3,4,5];
Sea la tabla2 = tabla1.mapa (num => num * 2);
consola.log (tabla2);

Cómo iterar a través de una matriz utilizando cada método en JavaScript

El método cada () prueba si cada elemento de la matriz pasa una condición implementada por la función proporcionada; ejecuta una función una vez para cada elemento. Devuelve verdadero o falso dependiendo de si cada elemento pasó la prueba o no:

const islessthanten = (currentValue) => currentValue < 10;
const arr = [1, 3, 4, 3, 5, 7];
consola.registro (arr.todos (INLESSTHANTEN));

Ahora, si cambiamos la matriz en el ejemplo anterior:

const arr = [1, 3, 16, 3, 5, 7];

Conclusión

En las matrices JavaScript hay un tipo de datos que se utilizan para almacenar tipos similares de datos; Estos datos se pueden acceder y manipular fácilmente mediante el uso de diferentes bucles y métodos proporcionados por JavaScript. En esta publicación cubrimos los conceptos básicos de iteración sobre una matriz en JavaScript. También discutimos iterando a través de una matriz de para, mientras, para/de, foreach () bucle, map () y cada () método.

Estos no son los únicos métodos que se pueden usar para iterar sobre una matriz. Hay docenas más. Los que discutimos son los métodos ampliamente utilizados de los desarrolladores que iteran sobre una matriz.