Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

Home Forums How to use for...of loop in JavaScript with examples? – MindStick
Ask Question

1 Answers

Aryan Kumar
Aryan Kumar 02 Nov 2023
Report Abuse

Using a for...of loop in JavaScript is a convenient way to iterate over the elements of an iterable object, such as arrays, strings, and more. Here's an explanation with examples:

Syntax:

for (variable of iterable) {
  // Code to be executed for each element in the iterable
}

Example 1: Iterating over an Array

const fruits = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
  console.log(fruit);
}

In this example, the for...of loop iterates through the fruits array and prints each element to the console.

Example 2: Iterating over a String

const text = "Hello";
for (const char of text) {
  console.log(char);
}

Here, the for...of loop iterates through the characters of the string "Hello" and logs each character.

Example 3: Iterating over a Map

const person = new Map();
person.set("name", "Alice");
person.set("age", 30);

for (const [key, value] of person) {
  console.log(key, value);
}

In this example, we iterate through the key-value pairs of a Map using the for...of loop.

Example 4: Custom Iterable Object

const iterableObject = {
  [Symbol.iterator]:

Here, we define a custom iterable object that yields values when iterated with a for...of loop.

The for...of loop is a versatile way to iterate through various data structures in JavaScript, making your code more concise and readable.

advertising
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md