Array
El objeto Array de JavaScript es un objeto global que es usado en la construcción de arrays, que son objetos tipo lista de alto nivel.
Operaciones habituales
Crear un Array
let frutas = ["Manzana", "Banana"]; console.log(frutas.length); // 2
Acceder a un elemento de Array mediante su índice
let primero = frutas[0]; // Manzana let ultimo = frutas[frutas.length - 1]; // Banana
Recorrer un Array
1. frutas.forEach(function (elemento, indice, array) {
console.log(elemento, indice);
});
frutas.forEach((elemento, indice) => { console.log(elemento, indice); });
// Manzana 0
// Banana 1
2. for(let fruta of frutas) {
console.log(fruta);
}
// Manzana // Banana
3. const resultArray = array.map(fruta => { console.log(fruta) });
// Manzana // Banana
Añadir un elemento al final de un Array
let nuevaLongitud = frutas.push("Naranja"); // Añade "Naranja" al final
// ["Manzana", "Banana", "Naranja"]
Eliminar el último elemento de un Array
let ultimo = frutas.pop(); // Elimina "Naranja" del final // ["Manzana", "Banana"]
Añadir un elemento al principio de un Array
let nuevaLongitud = frutas.unshift("Fresa"); // Añade "Fresa" al inicio
// ["Fresa" ,"Manzana", "Banana"]
Eliminar el primer elemento de un Array
let primero = frutas.shift(); // Elimina "Fresa" del inicio // ["Manzana", "Banana"]
Encontrar el índice de un elemento del Array
frutas.push("Fresa");
// ["Manzana", "Banana", "Fresa"]
let pos = frutas.indexOf("Banana"); // (pos) es la posición para abreviar
// 1
Eliminar un único elemento mediante su posición
let elementoEliminado = frutas.splice(pos, 1); // ["Manzana", "Fresa"]
Más métodos
| filter() : Recorre el array y retorna un nuevo array con aquellos elementos que pasen una determinada condición. |
const array = [1,2,3,4,5,6,7]; const resultArray = array.filter(element => element === 3 || element ===7); console.log(resultArray); // [3,7]
|
| find() : Recorre el array y retorna la primera coincidencia del elemento que se busca. |
const resultArray = array.find(element => element > 3); console.log(resultArray); // [4]
|
| sort() : Ordena los elementos del array y retorna el arreglo ordenado. Los elementos se ordenarán en orden ascendente (de la A a la Z) por defecto. |
const array = [1,2,3,4,5,6,7]; const alphabets = ['g','d','c','o','d','e','v']; //ordenar descendente const descArray = array.sort((a,b) => a>b ? -1 : 1); console.log(descArray); // [7,6,5,4,3,2,1] //ordenar ascendente const ascArray = array.sort((a,b) => a>b ? 1 : -1); console.log(ascArray); // ['c', 'd', 'd', 'e', 'g', 'v'];
|
| some() : Itera el array y retorna un booleano si como mínimo uno de los elementos presentes en el array pasa una condición determinada. Recibe un callback que se encargara de preguntar aquello que queremos dentro del array. |
const array = [1,2,3,4,5,6,7]; // elementos mayores a 4 const greaterThanFour = array.some(element => element > 4); console.log(greaterThanFour); // true
|
| every() : Es similar al some(), ya que itera el array y retorna un booleano. Pero esta vez, para que dicho booleano sea true todos los elementos del array deberán pasar la condición dada. |
const array = [1,2,3,4,5,6,7]; // elementos mayores a 4 const greaterThanFour = array.every(element => element > 4); console.log(greaterThanFour); // false |
| concat() : Se utiliza para unir dos o más arrays. Este método no cambia los arrays existentes, sino que devuelve un nuevo array. |
const array = ['a', 'b', 'c']; const array1 = ['d', 'e', 'f']; const resultArray = array.concat(array1); console.log(resultArray); //['a','b','c','d','e','f'] |
¿Te ha resultado útil??
0 / 0
#JavaScript