JAVASCRIPT AVANZADO
Semana 02
Sesión 1
Ing. Jair Darnley Vasquez Aguirre
Normas de Convivencia
Respeto Orden
INICIO
Diálogo Puntualidad
Documentos de Interés
1. Sílabo
2. Otros Documentos
INICIO
• Reglamento general
• Políticas de diversidad, equidad e
inclusión para el estudiante.
• Reglamento de disciplina del estudiante
3. Grabación de la Semana 02 (Sesión 1)
Recomendaciones
1. Llega temprano a todas las clases.
2. Practica todos los días.
3. Entrega todas tus actividades
INICIO
formativas.
4. Participa constantemente en clase.
5. Pregunta si tienes dudas.
6. Revisa los anuncios.
7. Comunícate con tu delegado(a)
8. No te copies, hazlo tú mismo
¿Cómo están? ¿Cómo les ha
ido el fin de semana?
INICIO
Recordando la Sesión Anterior
¿QUÉ RECUERDAS?
UTILIDAD
¿ALGUNA DUDA?
Recordando con Palabras Claves
ESTRUCTURAS DE
CONTROL
UTILIDAD
MANEJO DE ERRORES
EJECUCIÓN DE
EVENTOS INSTRUCCIONES
DE SALIDA
OPERADORES EN
JAVASCRIPT
Semana 02
Sesión 1
Ing. Jair Darnley Vasquez Aguirre
Logro de Aprendizaje
UTILIDAD
Al término de la sesión, el estudiante
conoce los diferentes tipos de operadores,
empleando el lenguaje de programación
JavaScript.
¿Qué tipos de operadores en
JavaScript conoces?
UTILIDAD
Utilidad de los Operadores en JS
Símbolos o palabras que permiten realizar operaciones
sobre valores (operandos).
UTILIDAD
Nos permite manipular, comparar, asignar y evaluar
valores, para que nuestro código pueda tomar
decisiones y realizar cálculos dinámicos.
Son la base de cómo tu código procesa y manipula datos.
¿Por qué es importante conocer los
diferentes operadores de
UTILIDAD
JavaScript?
01 Operadores en JavaScript
CONTENIDO 02 Tipos de Operadores
03 Caso Práctico
1. Operadores en
JavaScript
Operadores en JavaScript
En JavaScript, los operadores son
símbolos que realizan operaciones sobre
TRANSFORMACIÓN
valores o variables. Se pueden clasificar
en diferentes tipos.
2. Tipos de Operadores
Tipos de Operadores
TRANSFORMACIÓN
ARITMÉTICOS ASIGNACIÓN COMPARACIÓN
INCREMENTO Y
LÓGICOS DECREMENTO
Operadores Aritméticos
En JavaScript, los operadores
aritméticos se utilizan para realizar
TRANSFORMACIÓN
cálculos matemáticos.
OPERADOR DESCRIPCIÓN
+ Suma
- Resta
* Multiplicación
/ División
** Exponenciación
% Módulo (resto de la división)
Precedencia de O. Aritméticos
La precedencia determina el orden en
que se ejecutan los operadores. De
TRANSFORMACIÓN
mayor a menor prioridad.
PRECEDENCIA DESCRIPCIÓN
() Paréntesis
** Exponenciación
*/% Multiplicación, división y módulo
+- Suma y resta
Practicando O. Aritméticos
1. Realizar las operaciones aritméticas
aplicando directamente números.
PRÁCTICA
2. Declarar variables numéricas y aplicar
los operadores aritméticas.
3. Realizar las operaciones aritméticas
aplicando directamente números,
considerando las precedencias.
Operadores de Asignación
Los operadores de asignación en JavaScript se utilizan
para asignar valores a variables. El operador de
asignación básico es =, pero existen varios operadores
TRANSFORMACIÓN
compuestos que combinan la asignación con operaciones
aritméticas.
OPERADOR DESCRIPCIÓN EJEMPLO
+ Asigna valor x = 10
+= Suma y asigna x += 5 (x = x + 5)
-= Resta y asigna x -= 3 (x = x - 3)
*= Multiplica y asigna x *= 2 (x = x * 2)
/= Divide y asigna x /= 2 (x = x / 2)
**= Eleva la potencia y asigna x **= 3 (x = x ** 3)
%= Calcula módulo y asigna x %= 3 (x = x % 3)
Practicando O. de Asignación
PRÁCTICA
1. Declarar variables numéricas y aplicar
los operadores de asignación.
Operadores de Comparación
Los operadores de comparación se utilizan para comparar
dos valores y devolver un resultado booleano.
OPERADOR DESCRIPCIÓN EJEMPLO RESULTADO
TRANSFORMACIÓN
== Igualdad (compara valores, sin importar el tipo) 5 == "5" TRUE
=== Estrictamente igual (compara valores y tipos) 5 === "5" FALSE
Desigualdad (compara valores, sin importar el
!= 5 != "5" FALSE
tipo)
Estrictamente desigual (compara valores y
!== 5 !== "5" TRUE
tipos)
> Mayor que 10 > 5 TRUE
< Menor que 10 < 5 FALSE
>= Mayor o igual que 10 >= 5 TRUE
<= Menor o igual que 10 <= 5 FALSE
Practicando O. de Comparación
PRÁCTICA
1. Realizar comparaciones con números y
variables, aplicando los diferentes
operadores de comparación.
Operadores Lógicos
Los operadores lógicos en JavaScript se utilizan para
combinar o evaluar expresiones booleanas.
OPERADOR DESCRIPCIÓN EJEMPLO
TRANSFORMACIÓN
• Devuelve TRUE si ambas expresiones son
verdaderas.
• Si el primer operando es FALSE, devuelve ese
AND (&&)
valor sin evaluar el segundo.
• Si ambos son verdaderos, devuelve el segundo
operando.
• Devuelve TRUE si al menos una de las
expresiones es verdadera.
• Si el primer operando es TRUE, devuelve ese
OR (||)
valor sin evaluar el segundo.
• Si ambos son falsos, devuelve el segundo
operando.
NOT (!) • Invierte el valor booleano de la expresión.
Operadores de Incremento
Aumenta en 1 el valor de la variable. Puede usarse de dos
formas:
• Post-incremento (x++): Devuelve el valor original de
TRANSFORMACIÓN
la variable antes de incrementarla.
• Pre-incremento (++x): Incrementa la variable antes
de devolver su nuevo valor.
Operadores de Decremento
Disminuye en 1 el valor de la variable. Puede usarse de
dos formas:
• Post-decremento (x--): Devuelve el valor original
TRANSFORMACIÓN
antes de disminuirlo.
• Pre-decremento (--x): Disminuye la variable antes de
devolver su nuevo valor.
3. Caso Práctico
Caso Práctico
• Desarrollar un programa que me permita
ingresar la base y altura de un triángulo y
PRÁCTICA
calcule su área.
• Desarrollar un programa que me permita
ingresar los lados de un triángulo y me
indique el tipo de triángulo que genera
las medidas ingresadas.
¿TIENE
CIERRE
ALGUNA
PREGUNTA?
¿Qué hemos
aprendido hoy?
CIERRE
¿Para qué servirá
lo aprendido?
¡Muchas Gracias!
Ing. Jair Darnley Vasquez Aguirre