JavaScript
Diseño web, JavaScript
0abril 13, 2025

Operadores y Funciones en JavaScript

JavaScript es el lenguaje de programación que impulsa la web. Permite actualizaciones y modificaciones dinámicas tanto de HTML como de CSS, y proporciona la capacidad de realizar cálculos, manipular datos y validar. A continuación, repasaremos brevemente los principios básicos del lenguaje.

1. Operadores Aritméticos

    Los operadores aritméticos son símbolos que permiten realizar operaciones matemáticas básicas.

    • Tipos de Operadores Aritméticos:
      • Suma (+) :Suma dos operandos.
    let a = 5;

let b = 3;

let suma = a + b; // suma es 8

console.log(suma);
    • Resta (-): Resta el segundo operando del primero.
    let diferencia = a - b; // diferencia es 2

console.log(diferencia);
    • Multiplicación (*): Multiplica dos operandos.
    let producto = a * b; // producto es 15
console.log(producto);
    • División (/): Divide el primer operando por el segundo.
    let cociente = a / b; // cociente es 1.666...

console.log(cociente);
    • Módulo (%): Devuelve el resto de la división del primer operando por el segundo.
    let resto = a % b; // resto es 2

console.log(resto);
    • Exponenciación (**):Eleva el primer operando a la potencia del segundo (introducido en ES2016).
    let potencia = a ** b; // potencia es 125 (5 * 5 * 5)
console.log(potencia);
    • Incremento (++): Incrementa en uno el valor de una variable. Puede ser prefijo (++a) o sufijo (a++).
    let contador = 0;
contador++; // contador ahora es 1
console.log(contador);
    • Decremento (–): Decrementa en uno el valor de una variable. Puede ser prefijo (--a) o sufijo (a--).
    let otroContador = 5;
otroContador--; // otroContador ahora es 4
console.log(otroContador);
    • Precedencia de Operadores: Mencionar brevemente que los operadores tienen un orden de precedencia (similar a las matemáticas).

    2. Operadores de Asignación

    Se utilizan para asignar valores a las variables. Tipos de Operadores de Asignación:

    • Asignación Simple (=): Asigna el valor del operando derecho al operando izquierdo
    let x = 10;

    Asignación con Suma (+=): Suma el operando derecho al operando izquierdo y asigna el resultado al operando izquierdo (x += y es equivalente a x = x + y).

    let y = 5;
x += y; // x ahora es 15
console.log(x);

    Asignación con Resta (-=): Resta el operando derecho del operando izquierdo y asigna el resultado al operando izquierdo (x -= y es equivalente a x = x - y). 

    let y = 5;
x -= y; // x ahora es 10
console.log(x);

    Asignación con Multiplicación (*=): Multiplica el operando izquierdo por el operando derecho y asigna el resultado al operando izquierdo (x *= y es equivalente a x = x * y). 

    let x1 = 5;
let x2 = 2
x *= y; // x ahora es 10
console.log(x1);

    Asignación con División (/=): Divide el operando izquierdo por el operando derecho y asigna el resultado al operando izquierdo (x /= y es equivalente a x = x / y).

    Asignación con Módulo (%=): Calcula el módulo del operando izquierdo por el operando derecho y asigna el resultado al operando izquierdo (x %= y es equivalente a x = x % y).

    Asignación con Exponenciación (**=): Eleva el operando izquierdo a la potencia del operando derecho y asigna el resultado al operando izquierdo 1 (x **= y es equivalente a x = x ** y).  

    3. Operadores de Comparación

    Se utilizan para comparar dos operandos y devuelven un valor booleano (true o false). Tipos de Operadores de Comparación:

    Igualdad (==): Compara si dos operandos son iguales en valor (puede realizar conversión de tipo).

    console.log(5 == 5);   // true
console.log(5 == '5'); // true (conversión de tipo)

    No Igualdad (!=): Compara si dos operandos no son iguales en valor (puede realizar conversión de tipo).

    console.log(5 != 3);   // true
console.log(5 != '5'); // false (conversión de tipo)

    Igualdad Estricta (===): Compara si dos operandos son iguales en valor y en tipo de dato (sin conversión de tipo). ¡Recomendado!

    console.log(5 === 5);   // true
console.log(5 === '5'); // false

    No Igualdad Estricta (!==): Compara si dos operandos no son iguales en valor o no son del mismo tipo de dato (sin conversión de tipo). ¡Recomendado!

    console.log(5 !== 3);   // true
console.log(5 !== '5'); // true
    • Mayor Que (>): Compara si el operando izquierdo es mayor que el derecho.
    • Menor Que (<): Compara si el operando izquierdo es menor que el derecho.
    • Mayor o Igual Que (>=): Compara si el operando izquierdo es mayor o igual que el derecho.
    • Menor o Igual Que (<=): Compara si el operando izquierdo es menor o igual que el derecho.

    4. Operadores Lógicos

    Se utilizan para realizar operaciones lógicas entre valores booleanos.

    Tipos de Operadores Lógicos:

    • AND Lógico (&&): Devuelve true si ambos operandos son true.
    let condicion1 = true;
let condicion2 = false;
console.log(condicion1 && condicion2); // false
console.log(true && true);           // true

    OR Lógico (||): Devuelve true si al menos uno de los operandos es true.

    console.log(condicion1 || condicion2); // true
console.log(false || false);          // false

    NOT Lógico (!): Invierte el valor booleano de un operando. Si el operando es true, devuelve false, y si es false, devuelve true.

    console.log(!condicion1); // false
console.log(!condicion2); // true

    Cortocircuito: (si la primera condición ya determina el resultado, la segunda no se evalúa).

    5. Funciones en JavaScript

    Son bloques de código reutilizables diseñados para realizar una tarea específica. Permiten organizar el código y hacerlo más modular y legible.

    Declaración de Funciones:

    • Declaración de Función (Function Declaration): Utiliza la palabra clave function seguida del nombre de la función, paréntesis (para los parámetros) y llaves (para el cuerpo de la función).
    function saludar(nombre) {
  console.log("Hola, " + nombre + "!");
}

    Expresión de Función (Function Expression): Asigna una función anónima (o con nombre) a una variable.

    let despedir = function(nombre) {
  console.log("Adiós, " + nombre + ".");
};

    Funciones de Flecha (Arrow Functions – ES6): Una sintaxis más concisa para escribir funciones.

    let multiplicar = (a, b) => {
  return a * b;
};

    Parámetros y Argumentos:

    • Parámetros: Variables listadas en la definición de la función que reciben valores.
    • Argumentos: Valores reales pasados a la función cuando se llama.

    Llamada o Invocación de Funciones: Ejecutar el código dentro de una función utilizando su nombre seguido de paréntesis y los argumentos (si los tiene).

    saludar("Ana");     // Salida: Hola, Ana!
despedir("Carlos"); // Salida: Adiós, Carlos.
let resultado = multiplicar(4, 7);
console.log(resultado); // Salida: 28

    Retorno de Valores (return): La sentencia return se utiliza para especificar el valor que una función debe devolver al código que la llamó.

    function sumar(num1, num2) {
  return num1 + num2;
}
let resultadoSuma = sumar(10, 20);
console.log(resultadoSuma); // Salida: 30

    Post a Comment