Loop Control: break, continue - Practicise

Introduction to JavaScript

0/6

What is JavaScript?

Key Features of JavaScript

A Brief History of JavaScript

JavaScript in the Browser vs. Server (Node.js)

Setting Up JavaScript Environment

Why Learn JavaScript?

How to Add JavaScript?

0/3

Inline JavaScript

Internal JavaScript

External JavaScript

Different Ways to Output Data

0/4

Using innerHTML

Using document.write()

Using window.alert()

Using console.log()

Variables and Constants

0/2

var, let, const

Scope of Variables

Data Types

0/2

Primitives Data Types

Non – Primitives Data Types

Operators

0/6

Arithmatic Operator

Assignment Operators

Comparison Operators

Logical Operators

Bitwise Operators

Type Coercion and Conversion

Conditional Statements (if, else if, else)

0/2

if, else if, else

Ternary Operator

Switch Statement

0/1

What is Switch Statement?

Loops

0/5

for…of and for…in Loops

Loop Control: break, continue

Functions

0/8

What is Function ?

Function Declaration vs Function Expression

Parameters and Return Values

Default Parameters

Rest and Spread Syntax (…args)

Anonymous Functions

Arrow Functions

Higher-order Functions

Objects

0/6

Creating objects

Accessing and Modifying Properties

Methods in objects

this Keyword and its Behavior

Object Destructuring

Arrays

0/5

Array Declaration and Initialization

Accessing and Modifying Array Elements

Spread Syntax with Arrays

Array Destructuring

DOM Manipulation

0/4

What is DOM Manipulation?

Selecting Elements

Changing Content and Styles

Adding and Removing Elements Dynamically

Events and Event Listeners

0/7

What is Events and Event Listeners?

Common Event Types and Practical Examples

Removing Event Listeners

Passing Parameters to Event Handlers

Event Delegation

Stopping Event Propagation

Classes in JavaScript

0/9

Classes in JavaScript

Defining a Class

Objects in JavaScript

Real-World Example: User Class

Adding Getters and Setters

Inheritance in JavaScript

The this Keyword

String Functions in JavaScript

0/1

String Functions in JavaScript

Number Functions in Javascript

0/1

Number Functions in JavaScript

Error Handling in JavaScript

0/5

Error Handling in JavaScript

try…catch Block

Throwing Custom Errors

Combining try…catch with Custom Errors

RegEx (Regular Expressions) in JavaScript

0/3

Basic Syntax of Regex (Regex)

String Methods Using Regex

Patterns and Flags

JavaScript

About Lesson

Loop Control: break, continue

1. break

Terminates the loop entirely.

Example:

JavaScript

for (let i = 0; i < 5; i++) {
  if (i === 3) break;
  console.log(i);  // Prints 0, 1, 2
}

Example with `break`:

Let’s say you have a list of numbers and you’re looking for the first number greater than 5.

JavaScript

let numbers = [1, 2, 3, 6, 8, 9];

for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] > 5) {
        console.log("Found a number greater than 5:", numbers[i]);
        break;  // Stop the loop when the first number greater than 5 is found
    }
}

Output:
Found a number greater than 5: 6

2. continue

Skips the current iteration and proceeds to the next one.

Example:

JavaScript

for (let i = 0; i < 5; i++) {
  if (i === 3) continue;
  console.log(i);  // Prints 0, 1, 2, 4
}

Example with `continue`:

Now, let’s say you want to print only the numbers greater than 5, skipping all others.

JavaScript

let numbers = [1, 2, 3, 6, 8, 9];

for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] <= 5) {
        continue;  // Skip the current iteration if the number is less than or equal to 5
    }
    console.log(numbers[i]);
}

Code Output:
6
8
9