while vs do...while: Repetition Patterns in JavaScript

The One Critical Difference: WHEN the Condition Is Checked

Both loops ask the same question —"Should I repeat?"The only difference iswhen they ask it:

while — The Cautious Guard 🛡️

while (condition) {
  // Check FIRST, run MAYBE
}

The guard inspects your passat the door. Condition false? You never enter — the body runs zero times.

do…while — The Optimistic Host 🎉

do {
  // Run FIRST, check AFTER
} while (condition);

The host welcomes you inno matter what— the pass check happens only when deciding whether you can come backagain.

See It Side by Side

let count = 10;
// while — condition false immediately → NEVER runs
while (count < 5) {
  console.log("while:", count);
}console.log("while finished — body ran 0 times");
// do…while — body runs ONCE no matter what
do {
  console.log("do…while:", count);
  // ← runs despite 10 < 5 being false!
} while (count < 5);
console.log("do…while finished — body ran 1 time");

Output:

while finished — body ran 0 timesdo…while: 10do…while finished — body ran 1 time

Same condition. Same starting value. Different outcomes — purely because ofwhen the check happens.

When the Difference Doesn't Matter

Here's a secret: when the condition is true for multiple rounds, both loops behaveidentically:

let i = 1;
while (i <= 3) {
  console.log("while round " + i);
  i++;
}let j = 1;
do {
  console.log("do…while round " + j);
  j++;
} while (j <= 3);

Both print rounds 1, 2, and 3 — exactly the same. The differenceonly appears when the condition might be false from the very start.That's your decision trigger.

When to Use while 🛡️ — "Maybe Zero Times"

Choosewhilewhen the taskmight not need to run at all— the condition must approve first.

1️⃣ Processing Only When Data Exists

let queue =["email1", "email2", "email3"];
while (queue.length > 0) {
  let current = queue.shift();
  // take the first item  console.log(`Sending: ${current} 📧`);}
  console.log("Queue empty — all sent! ✅");

If the queue starts empty, the loop correctly runszero times. Ado…whilehere would crash trying to send a non-existent email!

2️⃣ Waiting for a State Change

let connectionRetries = 0;
let connected = false;
while (!connected && connectionRetries < 3) {
  connectionRetries++;
  console.log(`Attempt ${connectionRetries}… connecting 🔌`);
  connected = Math.random() > 0.5;
  // simulate random success}
  console.log(connected ? "Connected! ✅" : "Failed after 3 tries ❌");

Already connected? The loop shouldn't run even once — classicwhileterritory. (Note the combined condition using&&fromLesson 7— and a built-in retry limit as infinite-loop insurance!)

3️⃣ Counting Down Resources

let fuel = 100;
while (fuel > 0) {
  console.log(`Flying… fuel at ${fuel}% ✈️`);
  fuel -= 40;
}console.log("Fuel empty — landing! 🛬");

Zero fuel means zero flight attempts — the guard must check first.

When to Use do…while 🎉 — "At Least Once, Guaranteed"

Choosedo…whilewhen the taskmust run oncejust to discover whether repeating makes sense.

1️⃣ Input Validation (The #1 Use Case)

You can't check user input before you'vereceivedit — so the prompt must run first:

let age;
do {
  age = Number(prompt("Enter your age (1–120):"));
} while (isNaN(age) || age < 1 || age > 120);
console.log(`Age accepted: ${age} ✅`);

The question must be asked once before there's anything to validate. (NoteNumber()fromLesson 9andisNaNguarding against text input!)

2️⃣ Menu Systems

let choice;
do {
  choice = prompt( "🍕 MENU — pick an option:\n" + "1. View cart\n" + "2. Add item\n" + "3. Checkout\n" + "Type 1, 2, or 3:");
  if (choice === "1") console.log("🛒 Your cart…");
  if (choice === "2") console.log("➕ Item added!");
} while (choice !== "3");
console.log("Checking out… thanks! 💳");

A menu must display at least once — there's nothing to choose from until the user sees it. This isthetextbookdo…whilepattern.

3️⃣ Game Rounds / Try-Again Loops

let playAgain;
do {
  let roll = Math.floor(Math.random() * 6) + 1;
  // Lesson 12's recipe! 🎲  console.log(`You rolled: ${roll} 🎲`);  playAgain = prompt("Roll again? (yes/no)");} while (playAgain === "yes");
  console.log("Thanks for playing! 🎮");

Every player gets at least one roll — quitting before rolling would be a sad game indeed.

The Syntax Traps ⚠️

Trap 1: The Missing Semicolon

do…whileis theonlyJavaScript loop that ends with a semicolon:

// ✅ Correctdo {  console.log("run!");} while (condition);        // ← semicolon required here
// while — NO semicolon after the condition:while (condition) {          // ← no ; here!  console.log("run!");}

Writewhile (condition);with a semicolon and you've created anempty infinite loop— one of the nastiest bugs for beginners (from Lesson 17's mistake table):

// 💀 FROZEN PAGE — the ;
creates an empty loop body:while (battery > 0);
{
  console.log("never runs — browser stuck!");
}

Trap 2: Forgetting the Update (Infinite Loops)

Both loops need the condition's variable tochange inside the body:

// 💀 INFINITE — tries never increases:let tries = 0;do {  console.log("Trying…");} while (tries < 3);

// ✅ Safe — update built in:
let tries = 0;
do {
  tries++;
  console.log(`Try ${tries}`);
} while (tries < 3);
// Try 1, Try 2, Try 3 ✅

🛟 The Safety-Net Habit

When testing unfamiliar loops, add a hard escape:

let safetyCounter = 0;
while (someCondition && safetyCounter < 1000) {
  safetyCounter++;
  // …loop logic
}// Guaranteed exit after 1000 rounds — no frozen pages ✅

🛠️ Mini Project: PIN Lock System 🔐

Watch both loops do what each does best, in one program:

// 🔐 PIN Lock — do…while for attempts, while for lockout
const correctPIN = "4321";
const maxAttempts = 3;
let attempts = 0;
let enteredPIN;
let unlocked = false;
// do…while: must ask at least ONCE — you can't check a PIN you don't have!
do {
  attempts++;
  enteredPIN = prompt(`Attempt ${attempts}/${maxAttempts} — Enter PIN:`);
  if (enteredPIN === correctPIN) {
    unlocked = true;
    break;
    // success — escape early (Lesson 17!)
  } console.log("❌ Wrong PIN.");
} while (attempts < maxAttempts);
// while: cooldown runs ONLY if locked out (maybe zero times!)
let cooldown = 5;
while (!unlocked && cooldown > 0) {
  console.log(`🔒 Locked. Try again in ${cooldown}s…`);
  cooldown--;
}console.log(unlocked ? "🔓 Welcome back!" : "🚨 Device locked.");

Why each loop earned its spot:

• do…whilefor the PIN prompt — the user must get at least one attempt; checking before asking is impossible
• whilefor the cooldown — ifunlockedis true, it must runzero times; a do…while would wrongly tick once

while vs do…while: The Decision Card 🃏

One-line rule:If the body creates the very thing the condition checks →do…while. If the condition guards data that might not exist →while.

Quick Self-Check: Lesson 18 Quiz 🧠

1. What's the minimum number of times awhileloop body runs? Ado…whilebody?
2. What's the output?
   script.js

   Copy Code Run Online

   let x = 50;
   do {
     console.log("Ran!");
   } while (x < 10);

3. Which loop is the natural fit for "ask the user for input, then validate it" — and why?
4. Spot the bug:while (count < 5); { console.log(count); count++; }
5. True or false:do…whileis the only JavaScript loop that ends with a semicolon.

(Answers: 1. while: zero times; do…while: exactly once minimum · 2. "Ran!" — the body executes once before the false condition stops repetition · 3. do…while — the prompt must run once before there's any input to validate · 4. The semicolon after the condition creates an empty infinite loop — remove it · 5. True)