🎉¡Lo has logrado! 🙌 Completaste todas las clases del curso de Manipulación de Arrays en JavaScript.
✅ Si aún no queda claro algún tema, vuelve a revisar la clase o deja tu pregunta en la sección de preguntas.
👨💻 Te presentamos JavaScript Hero, donde podrás practicar los conceptos de JavaScript en un desafío diario, en el que podrás demostrar tus conocimientos sobre lo aprendido durante el curso y mucho más.
🧾 Realiza la prueba del curso para recibir tu certificado y no olvides dejar tus 🌟 y tu comentario.
Adjunto mi resumen muy resumido de todo el curso:
.
forEach: RECORRE un array.
.
map: TRANSFORMA un array. Es inmutable. Crea un nuevo array a partir de la transformación del array original.
.
filter: FILTRA con base a una condicional. Es inmutable. Crea un nuevo array.
.
reduce: REDUCE un array a un único valor. OJO: si un array tiene objetos, puede devolver un objeto con varios elementos. Es inmutable. Dependiendo del caso, crea un nuevo array
.
some: indica si ALGUNO de los elementos de un array cumple una condición. Es inmutable, no crea un nuevo array. Arroja TRUE o FALSE
.
every: indica si TODOS los elementos de un array cumplen una condición. Es inmutable, no crea un nuevo array. Arroja TRUE o FALSE
.
find: devuelve EL PRIMER ELEMENTO que cumpla con una condición. No devuelve un array, devuelve únicamente dicho elemento o un ‘undefined’ en caso de que ningún elemento cumpla con la condición.
.
findIndex: Devuelve LA POSICIÓN del PRIMER ELEMENTO que cumpla con una condición. No devuelve un array, devuelve únicamente la posición de dicho elemento o un ‘undefined’ en caso de que ningún elemento cumpla con la condición.
.
includes: indica si UN ELEMENTO se encuentra dentro del array dependiendo de una condición. Retorna un TRUE o un FALSE
.
join: convierte un ARRAY en un STRING, dependiendo del separador que le indiquemos.
.
split: convierte un STRING a un ARRAY. Crea un nuevo array.
.
concat: UNE un array en otro array. Es inmutable, y no es necesario crear un nuevo array con el resultado.
.
flat: ‘APLANA’ por niveles un array de arrays en un solo array. Es inmutable, y no es necesario crear un nuevo array.
.
flatMap: ‘APLANA’ y CONVIERTE un array de arrays en un solo array. Es inmutable, crea un nuevo array y UNICAMENTE aplana en el primer nivel. Realiza primero un map y luego un flat.
.
push: AGREGA un nuevo elemento al final de un array. Es mutable.
.
splice: CORTA un elemento específico de un array. Es mutable. También funciona para AGREGAR un elemento en un índice específico dentro de un array.
.
sort: ORDENA los elementos dentro de un array. Es mutable.
.
Bonus: Al trabajar con objetos dentro de un array basado en un array original, se pueden modificar los objetos dentro del array original ya que los objetos son de Reference type. Para evitar esto, se recomienda clonar el array original dentro del nuevo array (utilizando spread operator), y trabajar únicamente desde el nuevo array.
Este resumen debería tener mas corazones, gracias sirvió un montón
Wow! Este resumen vale oro. Muchísimas gracias.
Este curso es sencillamente espectacular, ha hecho que todo mi flujo de trabajo en js sea más comprensible y he refactorizado una gran cantidad de código reduciendo líneas innecesarias. Excelente curso y muy buen profesor!
Excelente curso, Nicolás es un muy buen profesor, explica claro y concreto. Las diapositivas también ayudan a comprender mejor que hace el método internamente y así queda mas claro. muchas gracias
Que curso tan descriptivo y bien hecho.
Curso que abre un gran abanico de posibilidades, ha estado muy bien llevado, explicado y como me gustan los cursos, directo y al grano. Nico es muy bueno, y se ha convertido en alguien con mucho valor en Platzi. Gracias también a la comunidad.
excelente currso
Un excelente curso sin duda alguna, recordar que también quedan otros metodos de los arrays para añadir, eliminar elementos como los siguientes:
/* El método shift()
elimina el primer elemento del array y lo retorna.
Este método modifica la longitud del array. */
/* El método unshift()
agrega uno o más elementos al inicio del array, y devuelve la nueva longitud del array. */
/* El método pop()
elimina el último elemento de un array y devuelve su valor al método que lo llamó. */
Nunca pares de aprender.
Thanks for this excellent course. I've learned a lot of things about arrays and its methods.
const understood =true;if(understood){console.log("Thanks teacher for this course!");}
Me ha gustado mucho este curso, muchos ejercicios de ejemplo, muchos retos y desafíos que ir haciendo.
Creo que es el primer curso que tengo la sensación de salir con mas conocimientos o seguridad a la hora de trabajar con arrays.
¡Ha sido genial!
MUY BUEN CURSO!!!
Excelente curso, contenido y Nicolas ha sido muy preciso con toda la información, creo que se convertirá en uno de mis profesores favoritos de todo platzi, después de mas de 50 cursos tomados veo gran potencial en el aunque este solo ha sido el primer curso que he visto de el.
Excelente curso. aprendi muchisimo. ahora no queda mas que seguir aprendiendo y practicar.
Gran Curso! 🙌🙌🙌
Fue un gran curso. Bien explicado 👍
excelente curso de los que uno aprueba 100% al primero intento
Gracias profe a seguir aprendiendo
Que gran curso.
Gracias por el curso siempre es bueno repasar estos manejos de arrays en javascript
Hice todos los métodos con inserción visual a HTML solo agreguen el script al HTML
trueSome.textContent='Si existen frutas que terminan en letra A.';
trueSome.className="bg-7-100 p-4 text-center";
falseSome.textContent='No, no existen frutas que terminan en letra A.';
falseSome.className="bg-blue-100 p-4 text-center";
if (endsWithA===true){
seccionSome.appendChild(trueSome)
}else{
seccionSome.appendChild(falseSome)
}
// Metodo .every
const masd3Letras = frutas.every((fruta)=> fruta.length > 3);
if(masd3Letras ===true){
elementEvery.textContent =Todas las frutas tienen mas de 3 letras
seccionEvery.appendChild(elementEvery)
}else{
elementEvery.textContent =NO! no todas las frutas tienen mas de 3 letras
seccionEvery.appendChild(elementEvery)
elementReduce.className="bg-red-100 p-4 text-center"
elementReduce.textContent=El numero total de letras en el array es: ${totalLetras} y el promedio de letras por fruta es ${prom.toFixed(2)}
