¡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

Operadores

6/99

Lectura

Los operadores son elementos de lenguaje que nos permiten realizar cálculos y comparaciones en JavaScript. Aquí hay una lista de los operadores más comunes:

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 9

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Aquí te dejo algunos datos curiosos sobre los operadores en JavaScript:


.

  • JavaScript tiene varios tipos de operadores, incluyendo aritméticos, de comparación, lógicos y de asignación.
    .
  • El operador “+” no solo se usa para sumar números, sino también para concatenar strings. Por ejemplo, "Hola" + "Mundo" devuelve "HolaMundo".
    .
  • El operador de igualdad == en JavaScript compara los valores de dos variables, no los tipos de datos. Por lo tanto, "1" == 1 es true en JavaScript.
    .
  • Si quieres comparar los valores y los tipos de dos variables, debes usar el operador de igualdad estricta ===. Por ejemplo, "1" === 1 es false en JavaScript.
    .
  • El *operador ternario ? es un atajo para escribir una sentencia if-else en una sola línea. Por ejemplo, la siguiente línea de código asignará el valor de "Hombre" o "Mujer" a la variable gender en función del valor de la variable isMale:
    var gender = isMale ? "Hombre" : "Mujer";
    .
  • JavaScript también tiene operadores de bits, que se utilizan para realizar operaciones de bits a nivel de bits individuales en números enteros. Estos operadores incluyen AND (&), OR (|), XOR (^) y NOT (~).
    .
  • JavaScript también tiene operadores de incremento ++ y decremento --, que se utilizan para aumentar o disminuir el valor de una variable en 1. Estos operadores pueden colocarse antes o después de la variable y tienen diferentes efectos en el valor de la variable y la expresión en la que se utilizan.

En el ejemplo del operador OR, si dejamos 10 años de edad y que efectivamente tiene identificación, el niño SI podría entrar al bar hahahaha 😱

Lo mejor sería no tener esta validación en una página o plataforma real 🤣

creo que hay un error en el ejemplo de -= ya que el retorno de la consola es 7 no 12

let x = 10;
x -= 3; // x = x - 3 =10-3
console.log(x); // 7

igual en el segundo ejemplo

let x = 10;
x *= 2; // x = x * 2 = 10 * 2
console.log(x); // 20

y tercero

x /= 4; // x = x / 4 =10 /4=5
console.log(x); // 5

El AND(&&) también se puede usar para ejecutar una expresión si la evaluación retorna true, por ejemplo:

true && console.log(“Ejecute console.log”)
2==2 && console.log(“Es true!”);

Para que se entienda los operadores lógicos, aquí dejo las tablas de verdad en las que se basan…conjunción y disyunción.

6/80 Operadores

Operadores Aritmeticos

Se usan para realizar operaciones matemá´ticas básicas como la suma, resta, la multiplicación, la división y el módulo.

Suma:

let a = 5;
let b = 7;
let suma = a + b;
console.log(suma); // 12

Resta:

let a = 10;
let b = 4;
let resta = a - b;
console.log(resta); // 6

Multiplicación:

let a = 3;
let b = 5;
let multiplicacion = a * b;
console.log(multiplicacion); // 15

División:

let a = 10;
let b = 2;
let division = a / b;
console.log(division); // 5

Módulo:

let a = 11;
let b = 3;
let resto = a % b;
console.log(resto); // 2

Operadores Asignación

Permiten asignar valores a variables de manera más compacta y eficiente. Estos operadores se combinan con los operadores aritmeticos. Para realizar una operación y asignar el resultado a la variable.

Operador de asignación básico =

el operador de asiganción básico se utiliza para asignar un valor a una variable

let a = 5;
console.log(a); // 5

Operador de asignación de suma +=

El operador de asignación de suma se utiliza para sumar un valor a una variable y asignar el resultado a la misma variable.

let a = 10;
a += 5;
console.log(a); // 15

Operador de asiganción de resta -=

El operador de asignación de resta se utiliza para restar un valor a una varaible y asignar el resultado a la misma variable.

let a = 20;
a -= 7;
console.log(a); // 13

*Operador de asiganción de multiplicación =

El operador de asignación de multiplicación se utiliza para multiplicar un valor a una variable y asignar el resutlado a la misma variable.

let a = 3;
a *= 4;
console.log(a); // 12

Operador de asignación de división /=

El operador de asiganción de división se utiliza para dividir un valor a una variable y asignar el resultado a la misma variable.

let a = 24;
a /= 3;
console.log(a); // 8

Operadores de Comparación

Nos permiten comparar valores y obtener un resultado booleano true or false segun el resultado de la comparación

Operador de menor que <

El operador de menor que se utiliza para comprar si el valor de la izquierda es menor que el valor de la derecha

console.log(5 < 10); // true

Operador de mayor que >

El operador de mayor que se utiliza para comparar su el valor de la izquierda es mayor que el valor de la derecha

console.log(10 > 5); // true

Operador menor o igual que ≤

El operador menor o igual que se utiliza para comparar si el valor de la izquierda es menor o igual que el valor de la derecha

console.log(5 <= 5); // true

Operador mayor o igual que ≥

El operador mayor o igual que se utiliza para comparar si el valor de la izquierda es mayor o igual que el valor de la derecha.

console.log(10 >= 10); // true

Operador de no igual que ≠=

EL operador de no igual que se utiliza para comparar si el valor de la izquierda es diferente al valor de la derecha, tanto en valor como en tipo de dato.

console.log(1 !== "1"); // true

Operador de igualdad == y ===

El primero solo compara el valor, y el segundo además de comparar el valor tambien verifica el tipo de dato. Se recomienda usar más el === para evitar resultados inesperados.

Operadores lógicos

Los operadores lógicos son utilizados para realizar operaciones lógicas en JavaScript.

El operador && AND, devuelve TRUE si ambas expresiones son verdaderas.

let edad = 25;
let mayorDeEdad = edad >= 18;

if (edad >= 18 && mayorDeEdad) {
  console.log("Eres mayor de edad");
} else {
  console.log("Aún eres menor de edad");
}

El operador || OR, devuelve TRUE si al menos una de las expresiones es verdadera.

let edad = 25;
let tieneIdentificacion = true;

if (edad >= 18 || tieneIdentificacion) {
  console.log("Puedes entrar al bar");
} else {
  console.log("No tienes la edad o la identificación suficiente para entrar al bar");
}

El operador ! NOT, invierte el valor de una expresión

let esFinDeSemana = true;

if (!esFinDeSemana) {
  console.log("A trabajar");
} else {
  console.log("A disfrutar del fin de semana");
}

//AND(&&)
let e_dad = 25;
let mayorDeEdad = e_dad >= 18;

if (e_dad >= 18 && mayorDeEdad) {
console.log(“Eres mayor de edad”);
} else {
console.log(“Aún no eres mayor de edad”);
}

// OR(||)
let e_Dad = 25;
let tieneIdentificacion = true;

if (e_Dad >= 18 || tieneIdentificacion) {
console.log(“Puedes entrar al bar”);
} else {
console.log(“No tienes la edad o la identificación suficiente para entrar al bar”);
}

//NOT(!)
let esFinDeSemana = true;

if (!esFinDeSemana) {
console.log(“A trabajar”);
} else {
console.log(“A disfrutar del fin de semana”);
}

let x = 10;

x -= 3; // x = x - 3
console.log(x); // 12

La respuesta debería ser 7 y no un valor acumulativo por la operación anterior

Misma solucion pero en una funcion y usando un operador ternario.

let edad = 25;
let mayorDeEdad = edad >= 18;

function esMayorDeEdad (edad, mayorDeEdad) {
	return edad >= 18 && mayorDeEdad ? "Eres mayor de edad" : "Aún eres menor de edad";
}
 
console.log( esMayorDeEdad(edad, mayorDeEdad) );

Para mas informacion: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Conditional_Operator