Array methods en JavaScript ¿Qué son y cuál es su utilidad?
Los array methods JavaScript o cualquier otro lenguaje de programación son conjuntos de datos que normalmente necesitan ser modificados, dependiendo de la lógica del negocio o la tarea que el software va a desempeñar. Para esto existen métodos predefinidos que sabiendo cómo y cuándo aplicarlos, nos ayudarán a mejorar el rendimiento de nuestro desarrollo.
Los «array methods» en JavaScript son una serie de métodos que se han desarrollado para aplicar a los arrays. Los array methods son muy útiles en la programación en JavaScript ya que permiten realizar operaciones en los arrays de manera fácil y eficiente.
Quizás te interesa: Ventajas de NodeJS
A continuación una lista de algunos de los métodos de array más utilizados actualmente en JavaScript:
Método push():
El método push() es una función integrada en JavaScript que se utiliza para agregar uno o más elementos al final de un array. Este método modifica el array original en el que se llama y devuelve la nueva longitud del array.
La sintaxis general del método push() es la siguiente:
const numbers = [1, 2, 3];
numbers.push(4, 5);
console.log(numbers); // [1, 2, 3, 4, 5]Método pop():
El método pop() es una función integrada en JavaScript que se utiliza para eliminar el último elemento de un array y devolver ese elemento eliminado. Este método modifica el array original en el que se llama.
La sintaxis general del método pop() es la siguiente:
const numbers = [1, 2, 3];
const lastNumber = numbers.pop();
console.log(numbers); // [1, 2]
console.log(lastNumber); // 3Método shift():
El método shift() es una función integrada en JavaScript que se utiliza para eliminar el primer elemento de un array y devolver ese elemento eliminado. Este método modifica el array original en el que se llama.
La sintaxis general del método shift() es la siguiente:
const numbers = [1, 2, 3];
const firstNumber = numbers.shift();
console.log(numbers); // [2, 3]
console.log(firstNumber); // 1Método slice():
El método slice() es una función integrada en JavaScript que se utiliza para crear una copia superficial de una parte de un array existente. La parte del array que se copia se especifica mediante el índice inicial y final. Este método no modifica el array original y devuelve un nuevo array.
La sintaxis general del método slice() es la siguiente:
const numbers = [1, 2, 3, 4, 5];
const slicedNumbers = numbers.slice(1, 3);
console.log(slicedNumbers); // [2, 3]Método splice():
El método splice() es una función integrada en JavaScript que se utiliza para modificar un array eliminando, reemplazando o agregando elementos en el array. Este método modifica el array original en el que se llama y devuelve los elementos eliminados.
La sintaxis general del método splice() es la siguiente:
const fruits = ['manzana', 'pera', 'mango'];
fruits.splice(1, 0, 'banana', 'kiwi');
console.log(fruits); // ['manzana', 'banana', 'kiwi', 'pera', 'mango']Método sort():
El método sort() es una función integrada en JavaScript que se utiliza para ordenar los elementos de un array en orden ascendente (por defecto) o descendente. Este método modifica el array original en el que se llama.
La sintaxis general del método sort() es la siguiente:
const numbers = [3, 5, 1, 2, 4];
numbers.sort();
console.log(numbers); // [1, 2, 3, 4, 5]const colors = [‘rojo’, ‘verde’, ‘azul’];colors.sort();
console.log(colors); // [‘azul’, ‘rojo’, ‘verde’]
Método join():
El método join() es una función integrada en JavaScript que se utiliza para unir todos los elementos de un array en una cadena de texto. Este método no modifica el array original y devuelve una nueva cadena de texto.
La sintaxis general del método join() es la siguiente:
const numbers = [1, 2, 3, 4, 5];
const stringNumbers = numbers.join();
console.log(stringNumbers); // '1,2,3,4,5'
Método filter():
El método filter() es una función integrada en JavaScript que se utiliza para filtrar los elementos de un array en función de una determinada condición. Este método devuelve un nuevo array con todos los elementos que cumplen la condición proporcionada, sin modificar el array original.
La sintaxis general del método filter() es la siguiente:
const numbers = [1, 2, 3, 4, 5];
const filteredNumbers = numbers.filter((number) => number > 3);
console.log(filteredNumbers); // [4, 5]Método map():
El método map() es una función integrada en JavaScript que se utiliza para crear un nuevo array a partir de un array existente. Este método devuelve un nuevo array con el mismo número de elementos que el array original, pero con cada elemento transformado por una función proporcionada.
La sintaxis general del método map() es la siguiente:
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((number) => number * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]Método reduce():
El método reduce() es una función integrada de JavaScript que se utiliza para reducir los elementos de un array a un solo valor. Este método recorre todos los elementos de un array y aplica una función de reducción a cada uno de ellos, acumulando el resultado en un solo valor.
La sintaxis general del método reduce() es la siguiente:
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, current) => accumulator + current, 0);
console.log(sum); // 15Método filter():
El método filter() es una función integrada en JavaScript que se utiliza para filtrar los elementos de un array en función de una determinada condición. Este método devuelve un nuevo array con todos los elementos que cumplen la condición proporcionada, sin modificar el array original.
La sintaxis general del método filter() es la siguiente:
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]Método find():
La función find() es un método integrado de JavaScript que se utiliza para buscar el primer elemento en un array que cumple con una determinada condición. Este método devuelve el primer elemento del array que cumple con la condición proporcionada en una función de devolución de llamada.
La sintaxis general de la función find() es la siguiente:
const numbers = [1, 2, 3, 4, 5];
const evenNumber = numbers.find(num => num % 2 === 0);
console.log(evenNumber); // 2Array methods JavaScript, conclusión:
Estos son solo algunos de los tantos Array methods disponibles para trabajar con arrays en JavaScript. Cada método tiene su propia función y puede ser útil en diferentes situaciones dependiendo de lo que esté tratando de hacer.
Deja una respuesta