Skip to content
the poor coder

recorrer array javascript

Poor Man
Published
Reading time
2 min read
On this page

Recorrer Array Javascript#

Recorrer un array en Javascript es una de las tareas más comunes en programación. Un array es una estructura de datos que nos permite almacenar una colección de elementos en una sola variable. Para recorrer un array, podemos utilizar diferentes métodos dependiendo de nuestras necesidades.

For Loop#

Una forma común de recorrer un array es utilizando un for loop. Este bucle nos permite iterar a través de cada elemento del array y realizar una acción en cada iteración.

Text
let myArray = ['uno', 'dos', 'tres'];

for (let i = 0; i < myArray.length; i++) {
  console.log(myArray[i]);
}
// Output: "uno", "dos", "tres"

En este ejemplo, hemos creado un array llamado myArray y hemos utilizado un for loop para imprimir cada elemento del array en la consola.

forEach#

Otra forma de recorrer un array es utilizando el método forEach. Este método nos permite ejecutar una función para cada elemento del array.

Text
let myArray = ['uno', 'dos', 'tres'];

myArray.forEach(function(elemento) {
  console.log(elemento);
});
// Output: "uno", "dos", "tres"

En este ejemplo, hemos creado un array llamado myArray y hemos utilizado el método forEach para imprimir cada elemento del array en la consola.

Map#

Otra opción es utilizar el método map, que nos permite crear un nuevo array con el resultado de aplicar una función a cada elemento del array original.

Text
let myArray = [1, 2, 3];

let newArray = myArray.map(function(elemento) {
  return elemento * 2;
});

console.log(newArray);
// Output: [2, 4, 6]

En este ejemplo, hemos creado un array llamado myArray y hemos utilizado el método map para crear un nuevo array llamado newArray, que contiene cada elemento del array original multiplicado por 2.

Filter#

Otra opción es utilizar el método filter, que nos permite crear un nuevo array con los elementos que cumplan una determinada condición.

Text
let myArray = [1, 2, 3];

let newArray = myArray.filter(function(elemento) {
  return elemento > 1;
});

console.log(newArray);
// Output: [2, 3]

En este ejemplo, hemos creado un array llamado myArray y hemos utilizado el método filter para crear un nuevo array llamado newArray, que contiene los elementos del array original mayores que 1.

En resumen, hay muchas formas de recorrer un array en Javascript, dependiendo de nuestras necesidades. Podemos utilizar un for loop, el método forEach, map o filter. Cada método tiene sus propias ventajas y desventajas, así que es importante elegir el que mejor se adapte a nuestro código.

Keep going

2023

how to sort an array

How to Sort an Array If you have an array and you want to order its elements in a specific way, you need to use a sorting algorithm. There are several sorting algorithms available, but two of the most commonly used are…

javascript2 min read
2023

jquery mobile or desktop

jQuery Mobile or Desktop? As a web developer, I have had some experience with both jQuery Mobile and jQuery Desktop. Both frameworks have their pros and cons, and which one to use really depends on the specific project…

javascript1 min read
2023

node.js folder structure

Node.js Folder Structure If you are new to Node.js, it can be daunting to create a folder structure that will work for your project. The structure you choose will depend on the size and complexity of your project. Here…

javascript1 min read
ESC