隆Te damos la bienvenida a este reto!

1

隆Bienvenido al mundo de JavaScript!

D铆a 1

2

Variables, funciones y sintaxis b谩sica

3

Tipos de datos

4

Playground - Retorna el tipo

5

Tipos de datos - pt 2

D铆a 2

6

Operadores

7

Hoisting y coerci贸n

8

Playground - Calcula la propina

9

Alcance de las variables

D铆a 3

10

Condicionales

11

Playground - Calcula a帽os bisiestos

12

Switch

13

Playground - Obten informaci贸n de mascotas seg煤n su tipo

14

Ciclos

15

Playground - Dibuja un triangulo

D铆a 4

16

Arrays

17

Playground - Encuentra al michi mas famoso

18

Objetos

19

Playground - Obten el promedio de los estudiantes

D铆a 5 - Checkpoint

20

Playground - encuentra el palindromo m谩s grande

D铆a 6

21

Reasignaci贸n y redeclaraci贸n

22

Modo estricto

D铆a 7

23

Debugging y manejo de errores

24

Programaci贸n funcional

Quiz: D铆a 7

D铆a 8

25

Closures

26

Playground - Crea una calculadora con closures

27

Higher order functions

28

Playground - Crea tu propio m茅todo map

D铆a 9

29

ECMAScript

30

TC39

Quiz: D铆a 9

D铆a 10 - Checkpoint

31

ES6

32

ES7

33

Playground - Task planner

D铆a 11

34

Asincronismo

35

Playground - Promesas

36

Manejando el asincronismo

37

Playground - Resuelve el callback hell usando promesas

38

Playground - Resuelve el callback hell usando async/await

D铆a 12

39

Arrays a profundidad

40

M茅todos de arrays: Every, Find y findIndex

41

Playground - V谩lida el formulario

D铆a 13

42

M茅todos de arrays: Includes, Join y concat

43

Playground - agrupa los productos

44

M茅todos de arrays: Flat y FlatMap

45

Playground - Encuentra la ubicaci贸n del valor buscado

D铆a 14

46

Mutable functions

47

Playground - Modifica una lista de compras

48

M茅todos de arrays: sort

49

Playground - Ordena los productos

D铆a 15 - Checkpoint

50

Playground - Sistema de reservaciones de un hotel

D铆a 16

51

Programaci贸n orientada a objetos en JavaScript

52

Objetos literales

53

Playground - Congela el objeto recursivamente

D铆a 17

54

Prototipos en JavaScript

55

Playground - Modifica el prototype de los arrays

56

Playground - Crea un auto usando clases

D铆a 18

57

Abstracci贸n en JavaScript

58

Playground - Sistema de carrito de compras

59

Encapsulamiento en JavaScript

60

Playground - Encapsula datos de los usuarios

D铆a 19

61

Herencia en JavaScript

62

Playground - Jerarqu铆a de animales

63

Polimorfismo en JavaScript

64

Playground - Sistema de pagos

D铆a 20 - Checkpoint

65

Playground - Agenda de vuelos

D铆a 21

66

Patrones de dise帽o

67

Sinlgeton y Factory pattern en JavaScript

68

Playground - Implementa singleton en un chat

D铆a 22

69

Adapter y Decorator pattern en JavaScript

70

Playground - Personaliza productos de una tienda

71

Builder y Protype pattern en JavaScript

72

Playground - Mejora el c贸digo usando builder pattern

D铆a 23

73

Facade y proxy pattern en JavaScript

74

Playground - Proxy en servicio de mensajer铆a

75

Chain of responsability y Observer pattern en JavaScript

76

Playground - Implementaci贸n de Observador en Newsletter

D铆a 24 - Checkpoint

77

Playground - Crea un task manager con patrones de dise帽o

D铆a 25

78

Estructuras de datos en JavaScript

79

Playground - Crea tu propia implementaci贸n de un array

80

Hash tables en JavaScript

81

Playground - Implementaci贸n de una HashTable para Contactos

D铆a 26

82

Set en JavaScript

83

Playground - Remueve duplicados de una lista

84

Maps en JavaScript

85

Playground - Crea un organizador de tareas

D铆a 27

86

Singly Linked List en JavaScript

87

Playground - Agrega m茅todos a la singly linked list

88

Playground - Implementaci贸n de una singly linked list

D铆a 28

89

Stacks en JavaScript

90

Playground - Crea un stack para una playlist

D铆a 29

91

Queues en JavaScript

92

Playground - Crea una cola de emails

D铆a 30

93

隆Lo lograste!

Live Class

94

30 d铆as de JS con Juan DC

95

30 d铆as de JS con Nicobytes

96

30 d铆as de JS con GNDX

97

30 d铆as de JS con LeoCode

98

30 d铆as de JS con Teffcode

99

Sesi贸n: Cierre de los 30 d铆as de JavaScript

Aprende Ingl茅s, Programaci贸n, AI, Ciberseguridad y m谩s a precio especial.

Antes: $249

Currency
$209
Suscr铆bete

Termina en:

2 D铆as
17 Hrs
56 Min
1 Seg

Switch

12/99

Lectura

La estructura de control switch permite ejecutar diferentes bloques de c贸digo en funci贸n de un valor espec铆fico. Es una alternativa a la estructura if-else para casos en los que hay varios valores posibles para una variable y se desea ejecutar diferentes acciones en funci贸n de cada valor manteniendo legible el c贸digo.

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 5

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

Aqu铆 te dejo algunos datos curiosos sobre la estructura de control switch en JavaScript:


.

  • El uso de la instrucci贸n break despu茅s de cada caso es importante, ya que evita que se ejecuten los casos siguientes una vez que se cumple una condici贸n, o que la estructura no pare de ejecutarse.
    .
  • La estructura switch tambi茅n puede incluir un caso predeterminado default que se ejecutar谩 si no se cumple ninguna de las condiciones en los casos anteriores.
    .
  • A diferencia de las sentencias if-else, switch solo eval煤a una vez la expresi贸n que se pasa como par谩metro, lo que lo hace m谩s eficiente para evaluar una misma expresi贸n en m煤ltiples casos.
    .
  • En JavaScript, el valor evaluado en la estructura switch puede ser de cualquier tipo de datos, no solo n煤meros enteros como en otros lenguajes de programaci贸n.
    .
  • La estructura switch no es muy com煤n en c贸digo moderno de JavaScript, ya que en muchos casos se puede utilizar una soluci贸n m谩s limpia y legible usando objetos o matrices asociativas.

bueno dejo mi aporte y duda al mismo tiempo. Cuando empec茅 en la carrera de ingenier铆a de sistemas un profesor nos dijo que no era buena pr谩ctica usar break y solo nos explic贸 que el c贸digo no deb铆a ser cortado bruscamente mas no nos dio detalles, en todos los casos que he usado break s茅 que he podido usar un return u otra anotaci贸n para no usar break. quiz谩s fuese un consejo antiguo si alguien pudiera aportar seria incre铆ble, siempre me qued茅 con la duda y nunca pude usar break sin sentir que algo malo podr铆a pasar en mi c贸digo.

Para los que tienen memoria de corto plazo y olvidan todo.
.

El operador 鈥%鈥 se conoce como el operador de m贸dulo o resto. Devuelve el resto de la divisi贸n de dos n煤meros. Aqu铆 tienes un ejemplo de c贸mo usarlo:

```javascript
// Ejemplo 1:
var resultado = 10 % 3;
console.log(resultado);  // Output: 1

// Ejemplo 2:
var num1 = 23;
var num2 = 7;
var resto = num1 % num2;
console.log(resto);  // Output: 2

En el primer ejemplo, se calcula el resto de la divisi贸n de 10 por 3, que es igual a 1. En el segundo ejemplo, se calcula el resto de la divisi贸n de 23 por 7, que es igual a 2.

El operador "%" tambi茅n se puede utilizar con variables. Es importante tener en cuenta que el resultado siempre tendr谩 el mismo signo que el divisor. Por ejemplo, `-10 % 3` dar谩 como resultado `-1`, ya que el divisor es positivo.

Espero que esto te ayude a entender c贸mo usar el operador "%" en JavaScript. Si tienes alguna otra pregunta, no dudes en preguntar.

Para m谩s informaci贸n aqu铆 la documentaci贸n de Switch

12/80 Switch
La estructura de control switch permite ejecutar diferentes bloques de c贸digo en funci贸n de un valor espec铆fico.

switch (variable) {
	case valor1:
	  // c贸digo a ejecutar si variable es igual a valor1
	  break;
	case valor2:
	  // c贸digo a ejecutar si variable es igual a valor2
	  break;
	default:
	  // c贸digo a ejecutar si variable no es igual a ninguno de los valores anteriores
}

La variable especificada en el switch se compara con cada uno de los casos especificados. Si se encuentra una coincidencia, se ejecutar谩 el c贸digo dentro del bloque correspondiente. Es importante notar que se utiliza la palabra clave break al final de cada bloque de c贸digo para indicar que se debe salir del switch una vez que se ha ejecutado el c贸digo correspondiente. Si no se incluye break, el c贸digo seguir谩 ejecut谩ndose en los siguientes casos.

const dia = "lunes";
switch (dia) {
  case "lunes":
    console.log("Hoy es lunes");
    break;
  case "martes":
    console.log("Hoy es martes");
    break;
  case "mi茅rcoles":
    console.log("Hoy es mi茅rcoles");
    break;
  default:
    console.log("Hoy no es lunes, martes o mi茅rcoles");
}

Validaciones dentro de los casos:

let numero = "12";
switch (true) {
  case numero > 100:
    console.log("El valor es mayor a 100");
    break;
  case numero % 2 === 0:
    console.log("El valor es m煤ltiplo de 2");
    break;
  default:
    console.log("El valor no cumple con ninguna de las caracter铆sticas");
}