3. Variables y funciones

3.4. Operaciones básicas

P5 nos permite realizar distintas operaciones con los valores que utilicemos en nuestro código. Para ello, podemos usar los operadores que nos ofrece el lenguaje: suma, resta, multiplicación, división, asignación, módulo, etc.

// Suma
let x = 20;
let y = 5;
let suma = x + y; // suma valdrá 25
let z = y + 30; // z valdrá 35
// Resta
let x = 20;
let y = 5;
let resta = x - y; // resta valdrá 15
// Multiplicación
let x = 20;
let y = 5;
let mult = x * y; // mult valdrá 100
// División
let x = 20;
let y = 5;
let div = x / y; // resta valdrá 15
// Módulo (el resto de la división)
let x = 20;
let y = 5;
let mod = x % y; // mod valdrá 0

let v = 6;
let otroMod = x % v; 
// otroMod valdrá 2 (20 / 3 = 6 y de resto queda 2)
// Asignación
let x = 20; // Asignamos 20 a la variable x
// No es lo mismo que una igualdad, más adelante
// veremos cuál es el operador de igualdad si queremos
// comparar un valor con otro

Podemos también combinar estas operaciones entre sí, recordando el orden de operaciones de la aritmética básica:

let x = 3 + 4 * 2; // x valdrá 11
let y = (3 + 4) * 2; // y valdrá 14
let v = 10 - 2 / 2; // v valdrá 9
let w = (10 - 2) / 2; // w valdrá 4

Hay ciertas operaciones que a la hora de programar usamos muy a menudo y que tienen formas abreviadas que podemos utilizar. Su uso está muy extendido y es muy probable que cuando veáis código de otros programadores os las encontréis:

let x = 10; // Asignamos el valor 10 a x
x = x + 5; // Sumamos 5 al valor de x y lo asignamos de  
nuevo a la misma variable (ahora valdrá 10)

// Forma abreviada:
// x += 5 es equivalente a x = x + 5

// Lo mismo para el resto de operaciones
// x -= 5 es equivalente a x = x – 5
// x *= 5 es equivalente a x = x * 5
// x /= 5 es equivalente a x = x / 5

// Sumar una unidad y volver a asignar es muy común
// Para ello hay un método abreviado específico
x = x + 1; // Sumamos 1 y lo volvemos a asignar (x ahora vale 2)
// Forma abreviada:
// x = x + 1 es equivalente a x++
// Lo mismo para la resta
// x = x - 1 es equivalente a x--
Figura 30. Usando operaciones básicas en nuestro sketch
Fuente: elaboración propia.