JavaScript while-sats

Definition och användning

while-satsen skapar en loop som körs när angiven villkor är sant

Så länge villkoret är sant, kommer loopen att fortsätta köra. Den kommer att stoppa bara när villkoret blir falskt.

JavaScript stöder olika typer av loopar:

  • for - Upprepa ett kodblock flera gånger
  • for/in - Loppa igenom egenskaper i ett objekt
  • for/of - Loppa igenom värden i en itererbar objekt
  • while - Kör en kodblock när angiven villkor är sant
  • do/while - Kör en kodblock en gång, och upprepa loopen när angiven villkor är sant

Tips:Använd break-satsen för att hoppa ur loopen, använd continue-satsen för att hoppa över ett värde i loopen.

Exempel

Kör kodblocket så länge variabeln (i) är mindre än 5:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
}

Prova själv

Mer TIY-exempel finns längre ner på sidan.

Syntax

while (condition) {
  kodblock att köra
}

Parametervärde

Parameter Beskrivning
condition

Obligatorisk. Definiera villkoret för att köra loopen (kodblocket). Om det returnerar true börjar loopen om, om det returnerar false avslutas loopen.

Kommentar:Om villkoret alltid är sant kommer loopen aldrig att avslutas. Detta kan också göra din webbläsare att krascha.

Kommentar:Om du använder en villkorssatt variabel, initiera den innan loopen och öka den inom loopen. Om du glömmer att öka variabeln kommer loopen aldrig att avslutas. Detta kan också göra din webbläsare att krascha.

Tekniska detaljer

JavaScript version: ECMAScript 1

Mer exempel

Exempel

Loopa igenom arrayens index och samla in namn på bilar från cars-arrayen:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
  text += cars[i] + "<br>";
  i++;
}

Exempel förklaring:

  1. Först sätter vi en variabel innan loopen börjar (var i = 0;)
  2. Därefter definierar vi villkoret för loopen. Så länge variabeln är mindre än arrayens längd (dvs 4), fortsätter loopen
  3. Varje gång loopen körs, ökas variabeln med ett (i++)
  4. När variabeln inte längre är mindre än 4 (arrayens längd), är villkoret falskt, och loopen avslutas

Prova själv

Exempel

Gå igenom arrayindex bakåt:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

Prova själv

Exempel

Använd break-satsen - kör kodblocket, men avsluta loopen när variabeln i är lika med "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
  if (i == 3) {
    break;
  }
}

Prova själv

Exempel

Använd continue-satsen - kör kodblocket, men hoppa över värdet "3":

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>The number is " + i;
}

Prova själv

Webbläsarstöd

sats Chrome IE Firefox Safari Opera
while Stöd Stöd Stöd Stöd Stöd

Relaterade sidor

JavaScript handledning:JavaScript While-loop

JavaScript-referenshandbok:JavaScript do ... while-sats

JavaScript-referenshandbok:JavaScript for-sats

JavaScript-referenshandbok:JavaScript break-sats

JavaScript-referenshandbok:JavaScript continue-sats