5. Condicionals

5.3. Condicionals if, if-else

Comencem per un exemple molt senzill:

Comencem definint una variable value i assignant-li el valor 0. A continuació, al draw(), creem una estructura condicional en la qual dibuixem un cercle únicament quan es compleix la condició que el valor de variable value sigui igual a 0. Vegem què passa si canviem al principi el valor de la variable a qualsevol altre que no sigui 0:

Ara, com que no es compleix la condició que value == 0, el codi que pinta el cercle no s’executa mai i per això no el veiem. Vegem amb detall l’estructura condicional:

if (condició) {
    // Codi per executar si es compleix la condició
}

Sempre començarem utilitzant la paraula clau if, seguida entre parèntesis de la condició que s’ha de complir. A continuació, entre claus, el codi que s’executarà en cas de complir-se la condició. La condició s’avalua i, en cas que sigui true, s’executarà el codi entre les claus; en el cas que sigui false, no arribarà a entrar en el cos del if, de la mateixa manera que en els bucles for, i continuarà l’execució de manera normal.

Dins del bloc entre claus del if escrivim el codi que s’executarà si es compleix la condició, però també podem especificar codi que s’executi quan no es compleixi la condició. Per a això, usarem la paraula clau else de la manera següent:

if (condició) {
    // Codi per executar si es compleix la condició
} else {
    // Codi per executar si no es compleix la condició
}

En tancar el bloc del if escrivim a continuació la paraula clau else i obrim un altre bloc de claus on escriurem el codi que s’executarà en el cas que no es compleixi la condició definida en el if.

Vegem com funciona un condicional if-else continuant amb l’exemple vist anteriorment:

Ara, com en l’exemple anterior, tampoc entrem en el bloc de codi del if, ja que 345 == 0 és false, però sí que entrem en el bloc del else, pintant el quadrat.

També podem crear una estructura condicional que tingui en compte diferents opcions, per a la qual cosa podem encadenar diverses estructures if-else de la manera següent:

if (condició1) {
    // Codi per executar si es compleix la condició 1
} else if (condició2){
    // Codi per executar si es compleix la condició 2
} else {
    // Si no es compleix cap de les condicions
}

Si just a continuació d’un else escrivim un altre if, podem concatenar diverses condicions. Aquestes estructures són útils quan tenim un nombre petit d’opcions. No obstant això, quan el nombre d’opcions comença a créixer, potser no és l’opció més neta per al nostre codi. Més endavant estudiarem una alternativa per a aquests casos. De moment, utilitzem un altre if a l’exemple anterior per establir una segona condició:

Ara observem que, a més de la primera condició value == 0, n’hem afegit una de nova value == 1. Com que cap d’aquestes es compleix, saltem a la línia 15 del codi, a partir de la qual es dibuixa el cercle vermell. Si canviéssim el valor assignat al principi a la variable value, podríem veure els canvis al nostre sketch.