Métodos de matriz de JavaScript
Conversión de matrices en cadenas
El método de JavaScript toString()
convierte una matriz en una cadena de valores de matriz (separados por comas).
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Resultado:
El join()
método también une todos los elementos de la matriz en una cadena.
Se comporta como toString()
, pero además puedes especificar el separador:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Resultado:
Hacer estallar y empujar
Cuando trabaja con matrices, es fácil eliminar elementos y agregar nuevos elementos.
Esto es hacer estallar y empujar:
Extraer elementos de una matriz o insertar elementos en una matriz.
Pop de matriz de JavaScript ()
El pop()
método elimina el último elemento de una matriz:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
El pop()
método devuelve el valor que "salió":
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
Empuje de matriz de JavaScript ()
El push()
método agrega un nuevo elemento a una matriz (al final):
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
El push()
método devuelve la nueva longitud de la matriz:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
Elementos cambiantes
Cambiar es equivalente a hacer estallar, pero trabajando en el primer elemento en lugar del último.
Cambio de matriz de JavaScript ()
El shift()
método elimina el primer elemento de la matriz y "cambia" todos los demás elementos a un índice más bajo.
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
El shift()
método devuelve el valor que fue "desplazado":
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
Matriz de JavaScript unshift ()
El unshift()
método agrega un nuevo elemento a una matriz (al principio) y "desplaza" los elementos más antiguos:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
El unshift()
método devuelve la nueva longitud de la matriz.
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Elementos cambiantes
Se accede a los elementos del arreglo usando su número de índice :
Los índices de matriz comienzan con 0:
[0] es el primer elemento de la matriz
[1] es el segundo
[2] es el tercero...
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
Longitud de matriz de JavaScript
La length
propiedad proporciona una manera fácil de agregar un nuevo elemento a una matriz:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
Eliminación de matriz de JavaScript ()
Advertencia !
Los elementos de la matriz se pueden eliminar mediante el operador de JavaScript delete
.
Usando delete
hojas undefined
de agujeros en la matriz.
Utilice pop() o shift() en su lugar.
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
Fusionando (Concatenando) Matrices
El concat()
método crea una nueva matriz fusionando (concatenando) matrices existentes:
Ejemplo (fusión de dos matrices)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
El concat()
método no cambia las matrices existentes. Siempre devuelve una nueva matriz.
El concat()
método puede tomar cualquier número de argumentos de matriz:
Ejemplo (fusión de tres matrices)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
El concat()
método también puede tomar cadenas como argumentos:
Ejemplo (Fusionar una matriz con valores)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
Matrices de empalme y corte
El splice()
método agrega nuevos elementos a una matriz.
El slice()
método corta una parte de una matriz.
Empalme de matriz de JavaScript ()
El splice()
método se puede usar para agregar nuevos elementos a una matriz:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
El primer parámetro (2) define la posición en la que se deben agregar (empalmar) nuevos elementos.
El segundo parámetro (0) define cuántos elementos se deben eliminar .
El resto de parámetros ("Limón", "Kiwi") definen los nuevos elementos a añadir .
El splice()
método devuelve una matriz con los elementos eliminados:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
Usando splice() para eliminar elementos
Con una configuración de parámetros inteligente, puede usar splice()
para eliminar elementos sin dejar "agujeros" en la matriz:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
El primer parámetro (0) define la posición en la que se deben agregar (empalmar) nuevos elementos.
El segundo parámetro (1) define cuántos elementos se deben eliminar .
El resto de los parámetros se omiten. No se añadirán nuevos elementos.
Segmento de matriz de JavaScript ()
El slice()
método corta una parte de una matriz en una nueva matriz.
Este ejemplo corta una parte de una matriz a partir del elemento de matriz 1 ("Naranja"):
Ejemplo
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
Nota
El slice()
método crea una nueva matriz.
El slice()
método no elimina ningún elemento de la matriz de origen.
Este ejemplo corta una parte de una matriz a partir del elemento de matriz 3 ("Apple"):
Ejemplo
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
El slice()
método puede tomar dos argumentos como slice(1, 3)
.
Luego, el método selecciona elementos desde el argumento inicial y hasta (pero sin incluir) el argumento final.
Ejemplo
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
Si se omite el argumento final, como en los primeros ejemplos, el slice()
método corta el resto de la matriz.
Ejemplo
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
ToString automático ()
JavaScript convierte automáticamente una matriz en una cadena separada por comas cuando se espera un valor primitivo.
Este es siempre el caso cuando intenta generar una matriz.
Estos dos ejemplos producirán el mismo resultado:
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Ejemplo
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Nota
Todos los objetos JavaScript tienen un método toString().
Encontrar valores máximos y mínimos en una matriz
No hay funciones integradas para encontrar el valor más alto o más bajo en una matriz de JavaScript.
Aprenderá cómo resolver este problema en el próximo capítulo de este tutorial.
Clasificación de matrices
La clasificación de matrices se trata en el próximo capítulo de este tutorial.
Referencia de matriz completa
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.