Wednesday, July 3, 2024
HomeLanguagesJavascriptHow to Iterate Over Characters of a String in JavaScript ?

How to Iterate Over Characters of a String in JavaScript ?

In this article, we are going to learn about Iteration over characters of a string in JavaScript. Iterating over characters of a string in JavaScript involves sequentially accessing and processing each individual character within the string using loops or iteration methods for manipulation or analysis.

There are several methods that can be used to Iterate over characters of a string in JavaScript, which are listed below:

  • Using for Loop
  • Using for…of Loop
  • Using forEach() Method
  • Using split() Method

We will explore all the above methods along with their basic implementation with the help of examples.

JavaScript Program to Iterate Over Characters of a String using for Loop

In this approach, we are using a for loop to iterate over a string’s characters by indexing each character based on the length of the string and accessing characters at each index.

Syntax:

for (statement 1 ; statement 2 ; statement 3){
code here...
};

Example: In this example, we are using the above-explained method.

Javascript




const str = "neveropen";
for (let i = 0; i < str.length; i++) {
    console.log(str[i]);
};


Output

G
e
e
k
s
f
o
r
G
e
e
k
s

JavaScript Program to Iterate Over Characters of a String using for…of Loop

In this approach, we Iterate over characters of a string using a for…of loop, which directly iterates through each character in the string without the need for indexing.

Syntax:

for ( variable of iterableObjectName) {
...
}

Example: In this example we are using the above-explained approach.

Javascript




const str = "Geeks";
for (const char of str) {
    console.log(char);
};


Output

G
e
e
k
s

JavaScript Program to Iterate Over Characters of a String using forEach() Method

In this approach, we are using forEach() method on an array created from the string to iterate through characters individually.

Syntax:

array.forEach(callback(element, index, arr), thisValue)

Example: In this example we are using forEach() method to itrate characters of our given string.

Javascript




const str = "Geeks";
Array.from(str).forEach(elem => {
    console.log(elem);
});


Output

G
e
e
k
s

JavaScript Program to Iterate Over Characters of a String using split() Method

In this approach, we Split the string into an array of characters using split(), then iterate through the array to process each character individually.

Synyax:

str.split('')

Example: In this example we are using above-explained approach.

Javascript




let str = "Geeks";
let result = str.split('');
result.forEach(char => {
    console.log(char);
});


Output

G
e
e
k
s

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!

Nokonwaba Nkukhwana
Experience as a skilled Java developer and proven expertise in using tools and technical developments to drive improvements throughout a entire software development life cycle. I have extensive industry and full life cycle experience in a java based environment, along with exceptional analytical, design and problem solving capabilities combined with excellent communication skills and ability to work alongside teams to define and refine new functionality. Currently working in springboot projects(microservices). Considering the fact that change is good, I am always keen to new challenges and growth to sharpen my skills.
RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments