Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for 🧠 10-Day Challenge : Loops in JavaScript Day-4
Smriti Singh
Smriti Singh

Posted on

     

🧠 10-Day Challenge : Loops in JavaScript Day-4

📅 Day 4: Mastering Loops in JavaScript

Welcome to Day 4 of the challenge!
Today we unlock one of JavaScript’s most powerful tools: loops — a way to make your code do more with less.

A loop in JavaScript is a control structure that allows you to execute a block of code repeatedly as long as a specified condition is true.

Instead of writing repetitive code manually, loops help you automate tasks — like printing numbers, processing items in a list, or checking for conditions.

🏃 Why Loops?
Imagine you were asked to print numbers from 1 to 100.
Would you really write:

console.log(1);console.log(2);console.log(3);// ...console.log(100);
Enter fullscreen modeExit fullscreen mode

No way!
Instead, we use loops to repeat actions efficiently.

🔁 The 3 Main Loops in JavaScript

✅ 1. for loop
Great when you know how many times to repeat.

for (let i = 1; i <= 5; i++) {  console.log("Step:", i);}
Enter fullscreen modeExit fullscreen mode

✅ 2. while loop
Used when you want to repeat while a condition is true.

let i = 1;while (i <= 5) {  console.log("While Step:", i);  i++;}
Enter fullscreen modeExit fullscreen mode

✅ 3. do...while loop
Runs at least once, even if the condition is false.

let i = 6;do {  console.log("Do-While Step:", i);  i++;} while (i <= 5);
Enter fullscreen modeExit fullscreen mode

⛔ break and continue

✅ break – exits the loop immediately

for (let i = 1; i <= 10; i++) {  if (i === 5) break;  console.log(i); // Stops at 4}
Enter fullscreen modeExit fullscreen mode

✅ continue – skips current iteration

for (let i = 1; i <= 5; i++) {  if (i === 3) continue;  console.log(i); // Skips 3}
Enter fullscreen modeExit fullscreen mode

✅ Mini Task:

Print All Even Numbers from 1 to 50
Your challenge: Loop from 1 to 50 and print only even numbers.

✅ Solution 1 (for loop):

for (let i = 1; i <= 50; i++) {  if (i % 2 === 0) {    console.log(i);  }}
Enter fullscreen modeExit fullscreen mode

✅ Solution 2 (while loop):

let i = 2;while (i <= 50) {  console.log(i);  i += 2;}
Enter fullscreen modeExit fullscreen mode

❓ Interview Questions:

  1. What’s the difference between a for loop and a while loop?
  2. When would you prefer a do...while loop?
  3. What does break do inside a loop?
  4. What does continue do?
  5. Can you print numbers 1 to 100 using just one loop?

🎯 That’s a wrap for Day 4!
Tomorrow, in Day 5, we’ll explore Functions & Scope — a major step toward writing cleaner, reusable code.

Keep learning. Keep building. 💪

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

👩‍💻 Frontend Developer | Learning Full-Stack | Exploring Web3I enjoy building easy-to-use websites and apps. Right now, I’m learning full-stack development to grow my skills. I’ve worked on Web3 pr
  • Location
    Gurugram, Haryana
  • Pronouns
    She/Her
  • Work
    Developer at chainfluence
  • Joined

More fromSmriti Singh

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp