js loop through array

var data = [1, 2, 3, 4, 5, 6];

// traditional for loop
for(let i=0; i<=data.length; i++) {
  console.log(data[i])  // 1 2 3 4 5 6
}

// using for...of
for(let i of data) {
	console.log(i) // 1 2 3 4 5 6
}

// using for...in
for(let i in data) {
  	console.log(i) // Prints indices for array elements
	console.log(data[i]) // 1 2 3 4 5 6
}

// using forEach
data.forEach((i) => {
  console.log(i) // 1 2 3 4 5 6
})
// NOTE ->  forEach method is about 95% slower than the traditional for loop

// using map
data.map((i) => {
  console.log(i) // 1 2 3 4 5 6
})

View another examples Add Own solution

Jakob 95 points

                                    let array = ['Item 1', 'Item 2', 'Item 3'];

// Here's 4 different ways
for (let index = 0; index &lt; array.length; index++) {
  console.log(array[index]);
}

for (let index in array) {
  console.log(array[index]);
}

for (let value of array) {
  console.log(value); // Will log value in array
}

array.forEach((value, index) =&gt; {
  console.log(index); // Will log each index
  console.log(value); // Will log each value
});

Thank you! 2

4 (2 Votes)

3.75

Tobiak777 125 points

                                    const array = [&quot;one&quot;, &quot;two&quot;, &quot;three&quot;]
array.forEach(function (item, index) {
  console.log(item, index);
});

Thank you! 4

3.75 (4 Votes)

4.6

Longyue Wang 130 points

                                    let array = ['Item 1', 'Item 2', 'Item 3'];

// Here's 4 different ways
for (let index = 0; index &lt; array.length; index++) {
  console.log(array[index]);
}

for (let index in array) {
  console.log(array[index]);
}

for (let value of array) {
  console.log(value); // Will log each value
}

array.forEach((value, index) =&gt; {
  console.log(index); // Will log each index
  console.log(value); // Will log each value
});

Thank you! 5

4.6 (5 Votes)

First Last 120 points

                                    // ES6 for-of statement
for (const color of colors){
    console.log(color);
}

// Array.prototype.forEach
const array = [&quot;one&quot;, &quot;two&quot;, &quot;three&quot;]
array.forEach(function (item, index) {
  console.log(item, index);
});

// Sequential for loop
for (var i = 0; i &lt; arrayLength; i++) {
    console.log(myStringArray[i]);
    //Do something
}

Thank you! 2

5 (2 Votes)

Kostja 110 points

                                    var colors = [&quot;red&quot;,&quot;blue&quot;,&quot;green&quot;];<br/>for (var i = 0; i &lt; colors.length; i++) {<br/>    console.log(colors[i]);<br/>}

Thank you! 0

Are there any code examples left?

Find Add Code snippet

New code examples in category Javascript

Javascript 2023-04-21 22:52:36
Javascript 2022-03-27 22:25:20 javascript download string as file
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
Javascript 2022-03-27 21:15:02 javascript regex french phone number
Javascript 2022-03-27 21:05:03 cypress custom error message
Javascript 2022-03-27 21:00:05 create element javascript with id
Javascript 2022-03-27 20:40:57 feather icons react
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

js loop through array

Welcome Back!

Create a Free Account