10 métodos de matriz de JavaScript tan simples como sea posible

Bienvenido, me llamo Luis y hoy les traigo este nuevo post.

Cómo convertirse en un maestro de las matrices de JavaScript

Como desarrollador front-end, aprender JavaScript da miedo. Y si eres como yo, no sabes a dónde ir, ni por dónde empezar.

Miles de recursos para elegir lo que nos pone ansiosos y no aprendemos nada. Aquí hay algo que me ayudó a mejorar en las matrices. Espero que también te ayude.

La matriz de JavaScript es un tipo especial de variable que le permite almacenar múltiples valores como una lista.

La mayoría de los lenguajes de programación tienen matrices, pero la diferencia en las matrices de JavaScript es que puede almacenar diferentes tipos de datos en una matriz, lo que no es posible en otros lenguajes de programación.

1. Push

El método push () agrega un nuevo elemento al final de una matriz y devuelve una nueva longitud. Para agregar elementos al principio, use unshift. Esto se puede utilizar para agregar un elemento a una lista de tareas pendientes.

const myArray = ["react", "angular"];
myArray.push("vue");//["react", "angular", "vue"]

2. Slice

El método slice () selecciona una parte de una matriz y devuelve la nueva matriz. Es muy similar a rebanar pan. Recuerde que el índice de la matriz comienza desde 0.

Entonces myArray.slice (1,2) significa que desea hacer un corte en la barra de pan en las posiciones 1 y 2. Eso le dará la parte media de lo que se encuentra entre las posiciones 1 y 2.

const myAarray = ["react", "angular", "vue"];
myArray.slice(1,2);//["angular"]

3. Tostring

El método tostring () convierte una matriz en una cadena y devuelve el resultado.

const fruits = ["mangoes", "apples", "banana"];
fruits.tostring();//"mangoes,apples,banana"

4. Shift

El método shift () elimina el primer elemento de una matriz y devuelve el resto.

const fruits = ["mangoes", "apples", "banana"];
fruits.shift();//Gives ["apples", "banana"]

5. Unshift

El método unshift () agrega un elemento al comienzo de una matriz.

const fruits = ["mangoes", "apples", "banana"];
fruits.unshift("papaya");//Gives ["papaya", "mangoes", "apples", "banana"]

6. Map

El método map () crea una nueva matriz con el resultado de llamar a una función para cada elemento de la matriz.

const arr = [1, 2, 3, 10];
arr.map(x => x * 2);// returns [2, 4, 6, 20]

7. Pop

El método pop () saca (elimina) el último elemento de una matriz y devuelve el último elemento.

const fruits = ["mangoes", "apples", "banana"];
fruits.pop();//returns ["banana"]

8. Filter

El método filter () crea una matriz llena de todos los elementos de la matriz que pasan una prueba (proporcionada como función).

const js = ["react", "vue", "angular"];
js.filter(word => word.length > 3);

//returns the array ["react", "angular"] following the condition we 
//specified

9. Includes

El método includes () determina si una matriz contiene un elemento especificado. Devuelve booleano verdadero o falso.

const fruits = ["mangoes", "apples", "banana"];
fruits.includes("apples");//True

10. Length

Este es el más básico. El método length () da el número de elementos presentes en una matriz.

const array = ["grapes", "oranges", "mangoes"];
console.log(array.length());//Returns 3 in console

Espero que te haya sido de utilidad. Gracias por leer este post.