9.2 KiB

Raw Permalink Blame History Unescape Escape

JavaScript Grunnleggende: Ta Beslutninger

Sketchnote av Tomomi Imura

Quiz før forelesning

Å ta beslutninger og kontrollere rekkefølgen på hvordan koden din kjører gjør koden din gjenbrukbar og robust. Denne delen dekker syntaksen for å kontrollere dataflyt i JavaScript og dens betydning når den brukes med boolske datatyper.

🎥 Klikk på bildet over for en video om å ta beslutninger.

Du kan ta denne leksjonen på Microsoft Learn!

En Kort Oppsummering om Booleans

Booleans kan kun ha to verdier: true eller false. Booleans hjelper med å ta beslutninger om hvilke linjer med kode som skal kjøres når visse betingelser er oppfylt.

Sett din boolean til å være true eller false slik:

let myTrueBool = true
let myFalseBool = false

✅ Booleans er oppkalt etter den engelske matematikeren, filosofen og logikeren George Boole (1815–1864).

Sammenligningsoperatorer og Booleans

Operatorer brukes til å evaluere betingelser ved å gjøre sammenligninger som vil skape en boolsk verdi. Følgende er en liste over ofte brukte operatorer.

Symbol	Beskrivelse	Eksempel
`<`	Mindre enn: Sammenligner to verdier og returnerer `true` hvis verdien på venstre side er mindre enn høyre	`5 < 6 // true`
`<=`	Mindre enn eller lik: Sammenligner to verdier og returnerer `true` hvis verdien på venstre side er mindre enn eller lik høyre	`5 <= 6 // true`
`>`	Større enn: Sammenligner to verdier og returnerer `true` hvis verdien på venstre side er større enn høyre	`5 > 6 // false`
`>=`	Større enn eller lik: Sammenligner to verdier og returnerer `true` hvis verdien på venstre side er større enn eller lik høyre	`5 >= 6 // false`
`===`	Strict likhet: Sammenligner to verdier og returnerer `true` hvis verdiene på høyre og venstre er like OG har samme datatype	`5 === 6 // false`
`!==`	Ulikhet: Sammenligner to verdier og returnerer det motsatte boolske verdien av hva en strict likhetsoperator ville returnere	`5 !== 6 // true`

✅ Test kunnskapen din ved å skrive noen sammenligninger i nettleserens konsoll. Overrasker noen av de returnerte verdiene deg?

If-Setning

If-setningen vil kjøre koden mellom blokkene hvis betingelsen er sann.

if (condition) {
  //Condition is true. Code in this block will run.
}

Logiske operatorer brukes ofte til å danne betingelsen.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
}

If..Else-Setning

else-setningen vil kjøre koden mellom blokkene når betingelsen er falsk. Den er valgfri med en if-setning.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is false. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

✅ Test forståelsen din av denne koden og den følgende koden ved å kjøre den i nettleserens konsoll. Endre verdiene til variablene currentMoney og laptopPrice for å endre den returnerte console.log().

Switch-Setning

switch-setningen brukes til å utføre forskjellige handlinger basert på forskjellige betingelser. Bruk switch-setningen for å velge én av mange kodeblokker som skal utføres.

switch (expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
  // code block
}

// program using switch statement
let a = 2;

switch (a) {
  case 1:
    a = "one";
    break;
  case 2:
    a = "two";
    break;
  default:
    a = "not found";
    break;
}
console.log(`The value is ${a}`);

✅ Test forståelsen din av denne koden og den følgende koden ved å kjøre den i nettleserens konsoll. Endre verdiene til variabelen a for å endre den returnerte console.log().

Logiske Operatorer og Booleans

Beslutninger kan kreve mer enn én sammenligning, og kan kobles sammen med logiske operatorer for å produsere en boolsk verdi.

Symbol	Beskrivelse	Eksempel
`&&`	Logisk OG: Sammenligner to boolske uttrykk. Returnerer true kun hvis begge sider er true	`(5 > 6) && (5 < 6 ) //En side er falsk, den andre er sann. Returnerer false`
`\|\|`	Logisk ELLER: Sammenligner to boolske uttrykk. Returnerer true hvis minst én side er sann	`(5 > 6) \|\| (5 < 6) //En side er falsk, den andre er sann. Returnerer true`
`!`	Logisk IKKE: Returnerer den motsatte verdien av et boolsk uttrykk	`!(5 > 6) // 5 er ikke større enn 6, men "!" vil returnere true`

Betingelser og Beslutninger med Logiske Operatorer

Logiske operatorer kan brukes til å danne betingelser i if..else-setninger.

let currentMoney;
let laptopPrice;
let laptopDiscountPrice = laptopPrice - laptopPrice * 0.2; //Laptop price at 20 percent off

if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is true. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Negasjonsoperator

Du har hittil sett hvordan du kan bruke en if...else-setning til å lage betinget logikk. Alt som går inn i en if må evalueres til true/false. Ved å bruke !-operatoren kan du nekte uttrykket. Det vil se slik ut:

if (!condition) {
  // runs if condition is false
} else {
  // runs if condition is true
}

Ternære Uttrykk

if...else er ikke den eneste måten å uttrykke beslutningslogikk på. Du kan også bruke noe som kalles en ternær operator. Syntaksen for den ser slik ut:

let variable = condition ? <return this if true> : <return this if false>

Nedenfor er et mer konkret eksempel:

let firstNumber = 20;
let secondNumber = 10;
let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;

✅ Ta et øyeblikk til å lese denne koden noen ganger. Forstår du hvordan disse operatorene fungerer?

Det ovenstående sier at

hvis firstNumber er større enn secondNumber
så tilordne firstNumber til biggestNumber
ellers tilordne secondNumber.

Det ternære uttrykket er bare en kompakt måte å skrive koden nedenfor på:

let biggestNumber;
if (firstNumber > secondNumber) {
  biggestNumber = firstNumber;
} else {
  biggestNumber = secondNumber;
}

🚀 Utfordring

Lag et program som først er skrevet med logiske operatorer, og skriv det deretter om ved hjelp av et ternært uttrykk. Hva er din foretrukne syntaks?

Quiz etter forelesning

Gjennomgang & Selvstudium

Les mer om de mange tilgjengelige operatorene på MDN.

Gå gjennom Josh Comeaus fantastiske operator lookup!

Oppgave

Operatorer

Ansvarsfraskrivelse:
Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten Co-op Translator. Selv om vi tilstreber nøyaktighet, vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på sitt opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.

9.2 KiB Raw Permalink Blame History Unescape Escape