Metodos de Array.

Si eres un programador Backend o Frontend en JavaScript o Typescript. Es muy usual trabajar con arreglos; y aqui te invito a conocer algunos de sus metodos para que puedas manipularlos.

En este Post rebisaremos varios de sus metodos de uso, sin mas introduccion empecemos.

Metodo .push( )
Agrega un nuevo elemento al final del arreglo y retorna una nueva longitud en el mismo.


 export function arrayPush() {
    let fruits = ['manzana', 'platano', 'mango', 'durazno']
    fruits.push('papaya')

    fruits.map(fruit => console.log(fruit)) // <- manzana, platano, mango, durazno, papaya
}

Metodo .concat( )
Concatena 2 o mas arreglos y devuelve un nuevo arreglo con los valores concatenados.


export function arrayConcat() {
    let fruits = ['manzana', 'platano', 'mango', 'durazno']
    let vegetables = ['verengena', 'calabaza', 'zanahoria', 'lechuga']

    let fruitsAndVegetables = fruits.concat(vegetables)

    fruitsAndVegetables.map(fv => console.log(fv)) // <- manzana, platano, mango, durazno, verengena, calabaza, zanahoria, lechuga
}

Metodo .pop( )
Remueve el ultimo elemento de un arreglo.


export function arrayPop() {
    let fruits = ['manzana', 'platano', 'mango', 'durazno']
    fruits.pop()
    fruits.map(fruit => console.log(fruit)) // <- manzana, platano, mango
}

Metodo .filter( )
Crea un nuevo arreglo filtrando los datos segun la condicion; en su version mas profesional este metodo llega a tener hasta 3 argumentos.


export function arrayFilter() {
    let fruits = ['manzana', 'platano', 'mango', 'durazno']
    let newFruits = fruits.filter(fruit => fruit !== 'manzana' && fruit !== 'platano')
    newFruits.map(fruit => console.log(fruit)) // <- mango, durazno
}

Metodo .shift( )
Remueve el primer elemento de un arreglo y retorna el elemento removido.


export function arrayShift() { 
    let fruits = ['manzana', 'platano', 'mango', 'durazno']
    let firstFruit = fruits.shift()
    console.log(firstFruit) // <- manzana
}

Metodo .unshift( )
Agrega elementos nuevos al inicio de un arreglo.


export function arrayUnShift() { 
    let numbers = [40, 50, 60, 70, 80]
    let addNumbersToStart = numbers.unshift(10, 20, 30)
    console.log(addNumbersToStart) // <- 8
    numbers.map(nums => console.log(nums)) // <- 10, 20, 30, 40, 50, 60, 70, 80
}

Metodo .map( )
Nos ayuda a recorrer arreglos, e incluso arreglos con objetos; accediendo directamente a sus propiedades del mismo.


export function arrayMap() {
    let users = [
        { name: 'Juan', age: 36 },
        { name: 'Maria', age: 26 },
        { name: 'Angela', age: 23 },
    ]

    users.map(user => console.log(user.name, user.age)) // <- Juan 36, Maria 26, Angela 23
}

Metodo .slice( )
Nos retorna los elementos seleccionados, especificamente.


export function arraySlice() {
    let fruits = ['manzana', 'platano', 'mango', 'durazno']
    let newFruit = fruits.slice(0, 3) 
    console.log(newFruit) // <- ['manzana', 'platano', 'mango']
}

Metodo .sort( )
Acomoda el contenido del arreglo de mayor a menor o dicho de otra manera, de forma ascendente.


export function arraySort() {
    let nums = [3, 2, 4, 1]
    nums.sort()
    console.log(nums) // <- [1, 2, 3, 4]
}

Metodo .join( )
Une el contenido del arreglo en un string separandolo por un separador especifico.


export function arrayJoin() {
    let fruits = ['manzana', 'platano', 'mango', 'durazno']
    console.log(fruits.join('-')) // <- manzana-platano-mango-durazno
}

Metodo .toString( )
Convierte todo nuestro arreglo en una cadena de texto (string).


export function arrayToString() {
    let fruits = ['manzana', 1, 'mango', 3]
    console.log(fruits.toString()) // <- manzana, 1, mango, 3
}

Como podemos observar son bastantes los metodos que utilizan los arrays, y es probable que con el tiempo existan mas y mejores, me entusisasma ver lo que nos depara el futuro.

Huitzitzili Domingo Leon NievesProgramador

MERN STACK Developer