La sentencia sentencia for...of ejecuta un bloque de código para cada elemento de un objeto iterable, como lo son: String, Array, objetos similares a array (por ejemplo, arguments or NodeList), TypedArray, Map, Set e iterables definidos por el usuario.
const arr = ["A", "B", "C", "D", "E"];
for (const item of arr) {
console.log(item);
}
for...in
La instrucción for-in itera sobre todas las propiedades enumerables de un objeto.
const object = { a: 1, b: 2, c: 3 };
for (const property in object) {
console.log(`${property}: ${object[property]}`);
}
// Expected output:
// "a: 1"
// "b: 2"
// "c: 3"
// Otra manera de hacerlo
for (const key in object) {
if (user.hasOwnProperty(key)) {
console.log(`${property}: ${object[property]}`);
}
}
No se recomienda usar para arrays aunque se podria ya que puede producir resultados inesperados.
find
El método find() devuelve el valor del primer elemento del array que cumple la función de prueba proporcionada.
Por lo tanto es inmutable y el nuevo array creado solamente puede contener:
Cero coincidencias
Todas coincidencias
Algunas coincidencias
Pero nunca mas del array original
es INMUTABLE (Crea un nuevo array)
findIndex
El método findIndex() devuelve el índice del primer elemento de un array que cumpla con la función de prueba proporcionada. En caso contrario devuelve -1.
Método para cadenas y arrays de valores primitivos en JavaScript
const a = [5, 12, 8, 130, 44];
a.indexOf(8);
// 2
map
El método map() crea un nuevo array con los resultados de la llamada a la función indicada aplicados a cada uno de sus elementos. Siempre regresa el número de elementos del array.
Pero cuando los elementos del array son objetos, el map() devuelve la referencia y se puede MUTAR el objeto, para evitar esto, se utiliza el spread operator, por ejemplo:
Retorna true si todos los números evaluados cumplen con la condición.
const array = [0, 1, 2, 3, 4, 5];
const even = (element) => element >= 0;
Advertencia: ¡Llamar este método en un array vacío devuelve true para cualquier condición!
some
El método some() comprueba si al menos un elemento del array cumple con la condición implementada por la función proporcionada.
const array = [1, 2, 3, 4, 5];
// Checks whether an element is even
const even = (element) => element % 2 === 0;
console.log(array.some(even));
// Expected output: true
reduce
El método reduce() ejecuta una función reductora sobre cada elemento de un array, devolviendo como resultado un único valor.
const totals = [1, 2, 3, 4, 3, 3, 4, 10, 3];
// Saber cuantas veces se repite un numero en el array y devolverlo en un objeto
const rta = totals.reduce((acc, item) => {
if (!acc[item]) acc[item] = 1;
else acc[item] += 1;
return acc;
}, {});
console.log(rta);
// output: { '1': 1, '2': 1, '3': 4, '4': 2, '10': 1 }
join
El método join() une todos los elementos de una matriz en una cadena y devuelve esta cadena.
El método includes() puede ser utilizado en un array de objetos, pero debes tener en cuenta que se compara con una referencia al objeto y no con el contenido del objeto en sí.
Si quisieras encontrar el objeto específico en el array, tendrías que buscarlo utilizando un método diferente, como find() o filter()
flat
El método flat() en JavaScript se utiliza para "aplanar" arrays, es decir, para convertir un array que contiene arrays anidados en un array unidimensional. El método crea un nuevo array que contiene todos los elementos de los sub-arrays en un único array. El valor de profundidad predeterminado es 1.
El método flatMap() en JavaScript combina dos operaciones: map() y flat(). Permite aplicar una función a cada elemento de un array y aplanar el resultado en un único array.
Para agregar un nuevo elemento a un array utilizando el método splice() en JavaScript, puedes hacer lo siguiente:
javascriptCopy code// Crear un array
let arr = [1, 2, 3, 4, 5];
// Agregar un nuevo elemento al array en una posición específica (por ejemplo, al final)
arr.splice(arr.length, 0, 6);
console.log(arr); // Output: [1, 2, 3, 4, 5, 6]
En este ejemplo, splice() se utiliza para agregar el número 6 al final del array arr. La sintaxis de splice() es la siguiente:
startIndex: El índice en el que se desea realizar la operación de inserción.
deleteCount: El número de elementos a eliminar (en este caso, 0, ya que no queremos eliminar ningún elemento).
newItem1, newItem2, ...: Los nuevos elementos que se van a agregar al array.
Al pasar arr.length como startIndex, estamos indicando que queremos agregar el nuevo elemento al final del array.
slice
El método slice() devuelve una copia de una parte del array dentro de un nuevo array empezando por inicio hasta fin (fin no incluido). El array original no se modificará.