Contenido del curso
Métodos de arrays: Includes, Join y concat
Array.protoype.includes()
El método Array.prototype.includes es una función para determinar si un elemento determinado existe en un array. Este método es muy útil a la hora de verificar si un elemento específico está presente en un array o no, sin tener que recorrer todo el array.
Este método acepta dos parámetros: el primer parámetro es el elemento que se quiere buscar y el segundo parámetro es el índice desde donde se iniciará la búsqueda. Si el segundo parámetro no se proporciona, la búsqueda comenzará desde el índice 0.
El método includes devuelve un valor booleano que indica si el elemento buscado se encuentra o no en el array. Si el elemento se encuentra en el array, el valor devuelto será true, de lo contrario, el valor será false.
Ejemplo:
const numbers = [1, 2, 3, 4, 5]; const result = numbers.includes(3); console.log(result); // true
Como se puede ver en el ejemplo anterior, el método Array.prototype.includes se utiliza para determinar si el elemento 3 está presente en el array numbers. La función devuelve un valor booleano de true, lo que indica que el elemento se encuentra en el array.
Además de poder buscar elementos primitivos, como números y cadenas, el método Array.prototype.includes también puede buscar objetos y otros tipos de datos. Sin embargo, es importante tener en cuenta que para objetos y otros tipos de datos, la búsqueda se realiza utilizando la comparación de igualdad estricta (===), lo que significa que sólo se considerarán iguales dos objetos si se refieren a la misma ubicación en memoria.
Array.protoype.join()
El método Array.prototype.join() se utiliza para convertir todos los elementos de un array en un solo string. Este método recibe como argumento un separador, que es una cadena de texto que se utilizará para separar los elementos del arreglo en el string resultante.
Por ejemplo, si tenemos un arreglo fruits con los siguientes elementos: ["apple", "banana", "cherry"], podemos convertir este arreglo en un string usando el método join como se muestra a continuación:
const fruits = ["apple", "banana", "cherry"]; const fruitsString = fruits.join(", "); console.log(fruitsString); // "apple, banana, cherry"
En este ejemplo, el separador que se utiliza es una coma y un espacio (, ), pero podemos usar cualquier otra cadena de texto como separador. Si no se proporciona un separador, se usará una coma (,) por defecto.
const fruits = ["apple", "banana", "cherry"]; const fruitsString = fruits.join(); console.log(fruitsString); // "apple,banana,cherry"
Es importante destacar que el método join no modifica directamente el arreglo original, sino que retorna una nueva cadena de texto con los elementos del array original.
Array.protoype.concat()
El método Array.prototype.concat() se utiliza para combinar dos o más arrays en uno solo. Este método no modifica los arrays originales, sino que devuelve un nuevo array con los elementos de los arrays originales concatenados.
La sintaxis de la función concat() es la siguiente:
array1.concat(array2, array3, ..., arrayX)
Donde array1 es el array que llama a la función, y array2, array3, ..., arrayX son los arrays que se desean concatenar.
Además de arrays, también se pueden concatenar otros valores, como números, cadenas de texto, objetos, etc. Estos valores se añadirán al final del nuevo array como elementos individuales.
Por ejemplo:
const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const string = "hello"; const number = 123; const result = array1.concat(array2, string, number); console.log(result); // [1, 2, 3, 4, 5, 6, "hello", 123]
En este ejemplo, se crean dos arrays, array1, array2, string y number se concatenan utilizando la función concat(). El resultado es un nuevo array, result, que contiene los elementos de ambos arrays originales con el string y el número.
Puedes profundizar en estos temas viendo el Curso de Manipulación de Arrays en JavaScript
Daniel Sebastián Rodríguez
Estudiante
Nicolas Pantoja Diaz
Estudiante
willmar fernando romero marin
Estudiante
Israel Blas
Estudiante
Andrés Julian Caro Restrepo
Estudiante
Carlos Andrade
Estudiante
Luis Castro
Estudiante
Ivan Pérez Arencibia
EstudianteHay un error en el ejemplo. Para que imprima [1, 2, 3, 4, 5, 6, "hello", 123] debemos hacer que result concatene también a string y number
const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const string = "hello"; const number = 123; const result = array1.concat(array2,string,number); console.log(result); // [1, 2, 3, 4, 5, 6, "hello", 123]
Sí, jaja. Yo quedé como... what? Eso debería imprimir [1, 2, 3, 4, 5, 6] no?
copie el codigo y lo pegue en el navegador y funciono tal cual como lo indica el codigo
Un buen tip es que utilicen includes cuando tengan que validar algo que tenga multiples opciones e evitar esto:
(option == 1 && option == 2 && option == 3 && option == 4)
A cambio usar esto:
[1, 2, 3, 4].includes(option)
Una sintaxis más legible y más corta
Ohh, que gran aporte Israel, muchas gracias! Nota: En la forma tradicional en vez de && sería || lo que logramos con el includes, no?
Métodos de arrays: includes, join y concat: Array.prototype.includes()
El metodo Array.prototype.includes() se utiliza para buscar un elemento dentro de un array y devolver un valor booleano que indica si el eleento esta presente o no en el array. El método acepta un argumento que es el elemento que se desea buscar en el array. Si el elemento se encuentra en el array se devuelve un valor booleano true, de lo contrario, se devuelve false.
Array.prototype.join()
Se utiliza para convertir los elementos de un array en un string separado por un separador especificado. El método acepta un argumento que es el separador que se utilizara para separar los elementos del array en el string resultante. Si no se proporciona un separador, se usará una coma por defecto.
Array.prototype.concat()
Se utiliza para combinar dos o más arrays en un solo, sin modificar los arrays originales. En lugar de ello, el método devuelve un nuevo array con los elementos concatenados.
La sintaxis de la función concat() se compone del nombre del array que llama a la función, seguido de .contact(), y los argumentos correspondientes que son los arrays que se desean concatenar.
Es posible concatenar o sólo arrays, sino también otros valores como números, cadenas de texto y objetos. Estos valores se agregarán al final del nuevo array como elementos individuales.
Includes, Join y concat:
.
El método includes() comprueba si un valor determinado está en un array, devolviendo true o false según corresponda. Este método es muy útil para realizar búsquedas rápidas en arrays.
const frutas = ['manzana', 'banana', 'pera', 'naranja']; console.log(frutas.includes('banana')); // true console.log(frutas.includes('kiwi')); // false
El método join() combina todos los elementos de un array en una cadena y devuelve esa cadena. El método también puede tomar un argumento que se utiliza como separador para los elementos del array.
const deportes = ['fútbol', 'baloncesto', 'tenis', 'vóley']; console.log(deportes.join(', ')); // "fútbol, baloncesto, tenis, vóley" console.log(deportes.join('-')); // "fútbol-baloncesto-tenis-vóley"
El método concat() se utiliza para combinar dos o más arrays en uno solo. El método devuelve un nuevo array que contiene todos los elementos de los arrays combinados.
const numeros1 = [1, 2, 3]; const numeros2 = [4, 5, 6]; const numeros3 = [7, 8, 9]; const numerosCombinados = numeros1.concat(numeros2, numeros3); console.log(numerosCombinados); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
Solución.
export function validateForm(formData, registeredUsers) { // Tú código aquí 👈 let fields = ["name", "lastname", "email", "password"]; let emailsRegistered = registeredUsers.map(user => user.email); if (fields.some(field => !formData[field])) { let fieldsError = "Faltan los siguientes campos: " + fields.filter(field => !formData[field]); throw new Error(fieldsError); } if (emailsRegistered.includes(formData.email)) { throw new Error("El email " + formData.email + " ya se encuentra en uso"); } let { password, ...newUser } = formData; registeredUsers.push(newUser); return "Tu registro fue exitoso " + newUser.name + " " + newUser.lastname + "."; }
