Métodos Esanciales para Manipulación de Arreglos
| Método | Versión | Función | ¿Modifica original? |
|---|---|---|---|
| concat() | ES5- | Combina arrreglos | No |
| join() | ES5- | Convierte a cadena con separador | No |
| pop() | ES5- | Elimina último elemento | Sí |
| shift() | ES5- | Elimina primer elemento | Sí |
| unshift() | ES5- | Añade elementos al inicio | Sí |
| push() | ES5- | Añade elementos al final | Sí |
| reverse() | ES5- | Invierte el orden | Sí |
| slice() | ES5- | Extrae segmento | No |
| sort() | ES5- | Ordena elementos | Sí |
| splice() | ES5- | Reemplaza/elimina elementos | Sí |
| toString() | ES5- | Convierte a cadana | No |
| valueOf() | ES5- | Devuelve valor primitivo | No |
| indexOf() | ES5 | Busca índice de elemento | No |
| lastIndexOf() | ES5 | Busca índice desde el final | No |
| forEach() | ES5 | Iteración sobre elementos | No |
| map() | ES5 | Crea nuevo arreglo transformado | No |
| filter() | ES5 | Filtra elementos | No |
| every() | ES5 | Verifica condición en todos | No |
| some() | ES5 | Verifica condición en alguno | No |
| reduce() | ES5 | Reduce a valor único | No |
| reduceRight() | ES5 | Reduce desde el final | No |
concat()
Combina múltiples arreglos sin modificar el original:
const frutas = ['manzana', 'pera'];
const vegetales = ['zanahoria', 'apio'];
console.log(frutas.concat(vegetales)); // ['manzana','pera','zanahoria','apio']
console.log(frutas); // Mantiene valores originales
join()
Une elementos usando separador especificado:
const datos = [2023, 12, 31];
console.log(datos.join('/')); // "2023/12/31"
pop()
Elimina y devuelve el último elemento:
let colores = ['rojo', 'verde', 'azul'];
console.log(colores.pop()); // 'azul'
console.log(colores); // ['rojo','verde']
shift()
Remueve y retorna el primer elemento:
const numeros = [10, 20, 30];
console.log(numeros.shift()); // 10
console.log(numeros); // [20,30]
unshift()
Agrega elementos al inicio:
let vocales = ['e','i','o','u'];
console.log(vocales.unshift('a')); // 5 (nuevo tamaño)
console.log(vocales); // ['a','e','i','o','u']
push()
Añade elementos al final:
const paises = ['México','Colombia'];
paises.push('Argentina');
console.log(paises); // ['México','Colombia','Argentina']
reverse()
Invierte el orden de elementos:
let digitos = [1,2,3,4];
digitos.reverse();
console.log(digitos); // [4,3,2,1]
sort()
Ordena elementos alfabéticamente por defecto:
const palabras = ['código','programa','algoritmo'];
palabras.sort();
console.log(palabras); // ['algoritmo','código','programa']
Para orden numérico:
const valores = [15,8,42,4];
valores.sort((a,b) => a - b);
console.log(valores); // [4,8,15,42]
slice()
Extrae porción del arreglo:
const serie = [10,20,30,40,50];
console.log(serie.slice(1,4)); // [20,30,40]
splice()
Modifica contenido insertando/eliminando:
let herramientas = ['martillo','destornillador','sierra'];
herramientas.splice(1,0,'llave');
console.log(herramientas); // ['martillo','llave','destornillador','sierra']
indexOf()
Devuelve primer índice del elemento:
const vocales = ['a','e','i','o','u'];
console.log(vocales.indexOf('i')); // 2
forEach()
Ejecuta función por cada elemento:
const rangos = [5,10,15];
rangos.forEach((valor, indice) => {
console.log(`Índice ${indice}: ${valor * 2}`);
});
// Índice 0: 10
// Índice 1: 20
// Índice 2: 30
map()
Crea nuevo arreglo con resultados:
const precios = [100,200,300];
const impuestos = precios.map(monto => monto * 0.16);
console.log(impuestos); // [16,32,48]
filter()
Filtra elementos que cumplan condición:
const temperaturas = [22,15,30,18,12];
const altas = temperaturas.filter(temp => temp > 20);
console.log(altas); // [22,30]
reduce()
Reduce arreglo a valor único:
const ventas = [150,225,80,310];
const total = ventas.reduce((acum, actual) => acum + actual, 0);
console.log(total); // 765