Una forma de elegir si ejecutar un bloque de código.
Las declaraciones if son útiles para ejecutar un bloque de código basado en una condición. Por ejemplo, una declaración if facilita expresar la idea "Dibuja un círculo si el mouse está presionado.":
if (mouseIsPressed === true) { circle(mouseX, mouseY, 20); }El encabezado de la declaración comienza con la palabra clave if. La expresión entre paréntesis mouseIsPressed === true es una expresión booleana que es true o false. El código entre llaves {} es el cuerpo de la declaración if. El cuerpo solo se ejecuta si la expresión booleana es true.
La variable de sistema mouseIsPressed siempre es true o false, por lo que el fragmento de código anterior también se podría escribir de la siguiente manera:
if (mouseIsPressed) { circle(mouseX, mouseY, 20); }Una declaración if-else agrega un bloque de código que se ejecuta si la expresión booleana es false. Por ejemplo, aquí hay una declaración if-else que expresa la idea "Dibuja un círculo si el mouse está presionado. De lo contrario, muestra un mensaje.":
if (mouseIsPressed === true) { // When true. circle(mouseX, mouseY, 20); } else { // When false. text('Haz clic en mí!', 50, 50); }Hay dos posibles caminos, o ramas, en este fragmento de código. El programa debe seguir una rama u otra.
Una declaración else-if hace posible agregar más ramas. Las declaraciones else-if ejecutan diferentes bloques de código bajo diferentes condiciones. Por ejemplo, una declaración else-if facilita expresar la idea "Si el mouse está a la izquierda, pinta el lienzo de blanco. Si el mouse está en el medio, pinta el lienzo de gris. De lo contrario, pinta el lienzo de negro.":
if (mouseX < 33) { background(255); } else if (mouseX < 67) { background(200); } else { background(0); }Las declaraciones if pueden agregar tantas declaraciones else-if como sea necesario. Sin embargo, solo puede haber una declaración else y debe estar al final.
Las declaraciones if también pueden verificar múltiples condiciones a la vez. Por ejemplo, el operador booleano && (AND) verifica si dos expresiones son ambas true:
if (keyIsPressed === true && key === 'p') { text('¡Presionaste la tecla "p"!', 50, 50); }Si el usuario está presionando una tecla y esa tecla es 'p', entonces se mostrará un mensaje.
El operador booleano || (OR) verifica si al menos una de dos expresiones es true:
if (keyIsPressed === true || mouseIsPressed === true) { text('¡Hiciste algo!', 50, 50); }Si el usuario presiona una tecla, o presiona un botón del mouse, o ambos, entonces se mostrará un mensaje.
El cuerpo de una declaración if puede contener otra declaración if. Esto se llama una "declaración if anidada". Por ejemplo, las declaraciones if anidadas facilitan expresar la idea "Si se presiona una tecla, entonces verifica si la tecla es 'r'. Si la tecla presionada es ‘r’, entonces establece el color de relleno como rojo.":
if (keyIsPressed === true) { if (key === 'r') { fill('red'); } }Consulta Boolean y Number para aprender más sobre estos tipos de datos y las operaciones que admiten.
Ejemplos
Referencias Relacionadas
Array
Una lista que mantiene diferentes tipos de datos en orden Los arreglos son útiles para almacenar datos relacionados.
class
Una plantilla para crear objetos de un tipo en particular.
for
Una forma de repetir un bloque de código cuando se conoce el número de iteraciones.
function
Un grupo de declaraciones con nombre.