¡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 - Personaliza productos de una tienda
Builder y Protype pattern en JavaScript
Playground - Mejora el código usando builder pattern
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 - Checkpoint
Playground - Crea un task manager con patrones de diseño
DÃa 25
Estructuras de datos en JavaScript
Playground - Crea tu propia implementación de un array
Hash tables en JavaScript
Playground - Implementación de una HashTable para Contactos
DÃa 26
Set en JavaScript
Playground - Remueve duplicados de una lista
Maps en JavaScript
Playground - Crea un organizador de tareas
DÃa 27
Singly Linked List en JavaScript
Playground - Agrega métodos a la singly linked list
Playground - Implementación de una singly linked list
DÃa 28
Stacks en JavaScript
Playground - Crea un stack para una playlist
DÃa 29
Queues en JavaScript
Playground - Crea una cola de emails
DÃa 30
¡Lo lograste!
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
30 dÃas de JS con Teffcode
Sesión: Cierre de los 30 dÃas de JavaScript
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Lectura
Los arrays en JavaScript son un tipo de estructura de datos que permite almacenar múltiples valores en una sola variable. A diferencia de las variables simples como los números o las cadenas de texto, los arrays pueden tener múltiples valores y elementos.
...
RegÃstrate o inicia sesión para leer el resto del contenido.
Aportes 4
Preguntas 0
En Javascript, hasta hace poco, no existÃa una forma oficial y fácil de hacer copias profundas de objetos y arreglos. Ahora existe una nueva API que crea copias profundas llamado structuredClone, el cual tiene un gran soporte con los navegadores actuales:
const obj = { a: { b: true } }
const deepCopy = structuredClone(obj)
Históricamente se han usado bibliotecas o el hack de JSON.stringify() para ello, pero ya no es necesario.
¿Qué te parece esta novedad de Javascript?
.
Clase constructora Array: Además de la forma literal de crear arrays, también podemos utilizar la clase constructora Array para crearlos. Por ejemplo:
const array1 = new Array(3);
console.log(array1); // [undefined, undefined, undefined]
Copiar arrays: Podemos copiar arrays de varias maneras, por ejemplo:
const array1 = [1, 2, 3];
const array2 = array1.slice(); // Copiar con slice
const array3 = [...array1]; // Copiar con spread operator
const array4 = Array.from(array1); // Copiar con Array.from
Arrays bidimensionales: En JavaScript, también podemos crear arrays bidimensionales para almacenar datos de dos dimensiones. Por ejemplo:
const array2D = [
[1, 2],
[3, 4],
];
console.log(array2D[0][1]); // 2
Arrays de múltiples dimensiones: Podemos crear arrays de más de dos dimensiones en JavaScript utilizando técnicas como arrays de arrays. Por ejemplo:
const array3D = [
[[1, 2], [3, 4]],
[[5, 6], [7, 8]],
];
console.log(array3D[0][0][1]); // 2
Array de cuatro dimensiones:
const array4D = [];
for (let i = 0; i < 3; i++) {
array4D[i] = [];
for (let j = 0; j < 3; j++) {
array4D[i][j] = [];
for (let k = 0; k < 3; k++) {
array4D[i][j][k] = [];
for (let l = 0; l < 3; l++) {
array4D[i][j][k][l] = i + j + k + l;
}
}
}
}
console.log(array4D);
Quiero transcribir esta lógica, espero tener algo de razón, en caso de no, me pueden ayudar, no me enojo:
const cube = [];
for (let i = 0; i < 3; i++) {
cube[i] = [];
for (let j = 0; j < 3; j++) {
cube[i][j] = [];
for (let k = 0; k < 3; k++) {
cube[i][j][k] = i + j + k;
}
}
}
cube será un array, el primer for se encarga de tener 3 array en lista;
[
[ ],
[ ],
[ ]
]
El segundo for crea otros 3 array dentro del array padre. Creo que quedarÃa asÃ:
[[ ], [ ], [ ]],
[[ ], [ ], [ ]],
[[ ], [ ], [ ]]
El tercer for inserta una serie de números, en los 3 respectivos arrays y sub arrays:
[[0, 1, 2], [1, 2, 3], [2, 3, 4]],
[[1, 2, 3], [2, 3, 4], [3, 4, 5]],
[[2, 3, 4], [3, 4, 5], [4, 5, 6]]
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?