¡Te damos la bienvenida a este reto!
¡Bienvenido al mundo de JavaScript!
Día 1
Variables, funciones y sintaxis básica
Tipos de datos
Playground - Retorna el tipo
Tipos de datos - pt 2
Día 2
Operadores
Hoisting y coerción
Playground - Calcula la propina
Alcance de las variables
Día 3
Condicionales
Playground - Calcula años bisiestos
Switch
Playground - Obten información de mascotas según su tipo
Ciclos
Playground - Dibuja un triangulo
Día 4
Arrays
Playground - Encuentra al michi mas famoso
Objetos
Playground - Obten el promedio de los estudiantes
Día 5 - Checkpoint
Playground - encuentra el palindromo más grande
Día 6
Reasignación y redeclaración
Modo estricto
Día 7
Debugging y manejo de errores
Programación funcional
Quiz: Día 7
Día 8
Closures
Playground - Crea una calculadora con closures
Higher order functions
Playground - Crea tu propio método map
Día 9
ECMAScript
TC39
Quiz: Día 9
Día 10 - Checkpoint
ES6
ES7
Playground - Task planner
Día 11
Asincronismo
Playground - Promesas
Manejando el asincronismo
Playground - Resuelve el callback hell usando promesas
Playground - Resuelve el callback hell usando async/await
Día 12
Arrays a profundidad
Métodos de arrays: Every, Find y findIndex
Playground - Válida el formulario
Día 13
Métodos de arrays: Includes, Join y concat
Playground - agrupa los productos
Métodos de arrays: Flat y FlatMap
Playground - Encuentra la ubicación del valor buscado
Día 14
Mutable functions
Playground - Modifica una lista de compras
Métodos de arrays: sort
Playground - Ordena los productos
Día 15 - Checkpoint
Playground - Sistema de reservaciones de un hotel
Día 16
Programación orientada a objetos en JavaScript
Objetos literales
Playground - Congela el objeto recursivamente
Día 17
Prototipos en JavaScript
Playground - Modifica el prototype de los arrays
Playground - Crea un auto usando clases
Día 18
Abstracción en JavaScript
Playground - Sistema de carrito de compras
Encapsulamiento en JavaScript
Playground - Encapsula datos de los usuarios
Día 19
Herencia en JavaScript
Playground - Jerarquía de animales
Polimorfismo en JavaScript
Playground - Sistema de pagos
Día 20 - Checkpoint
Playground - Agenda de vuelos
Día 21
Patrones de diseño
Sinlgeton y Factory pattern en JavaScript
Playground - Implementa singleton en un chat
Día 22
Adapter y Decorator pattern en JavaScript
Playground - Mejora el código usando builder pattern
Builder y Protype pattern en JavaScript
Playground - Personaliza productos de una tienda
Día 23
Facade y proxy pattern en JavaScript
Playground - Proxy en servicio de mensajería
Chain of responsability y Observer pattern en JavaScript
Playground - Implementación de Observador en Newsletter
Día 24
Live Class
30 días de JS con Juan DC
30 días de JS con Nicobytes
30 días de JS con GNDX
30 días de JS con LeoCode
El método Array.prototype.flat() permite combinar varios arreglos en un solo arreglo plano (sin niveles adicionales de anidamiento). Este método es útil cuando se trabaja con arreglos multidimensionales y se desea obtener una sola secuencia de elementos en un solo arreglo.
...
Regístrate o inicia sesión para leer el resto del contenido.
Aportes 4
Preguntas 0
Solo una aclaración: el argumento opcional por defecto del método flat() para indicar el nivel de profundidad es 1. Si se quiere aplanar un arreglo anidado hasta el nivel más profundo, hay que pasar el valor Infinity:
const multiDimensionalArray = [[1, 2, 3], [4, [5, 6]], [7, [8, [9]]]];
const flatArray = multiDimensionalArray.flat(Infinity);
console.log(flatArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
.
El método flat() devuelve una nueva matriz con todos los elementos de una matriz anidada concatenados de manera recursiva hasta la profundidad especificada. Es decir, si tienes un array anidado y quieres “aplanarlo” para obtener un array simple, puedes usar flat() para hacerlo.
const nestedArray = [[1, 2], [3, 4], [5, 6]];
const flatArray = nestedArray.flat();
console.log(flatArray); // [1, 2, 3, 4, 5, 6]
El método flatMap() es similar a map(), pero primero “aplanar” la matriz usando flat(). Luego, llama a una función de devolución de llamada para cada elemento del array aplanado y devuelve una nueva matriz con los resultados.
const numbers = [1, 2, 3];
const doubledAndSimplified = numbers.flatMap(x => [x * 2]);
console.log(doubledAndSimplified); // [2, 4, 6]
Intente hacer este ejemplo, pero no logro ver que se eliminen los elementos null or undefined. Alguno filtro adicional?
const values = [1, 2, 3, null, 4, undefined, 5];
const result = values.flatMap(x => x);
console.log(result);
// Output: [1, 2, 3, 4, 5]
El método flatmap() sólo tiene 1 nivel de profundidad, así como lo tiene flat() por defecto… 😃
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.