DEV Community

w6
w6

Posted on

How to get every item in an array for beginners.

Step 1: Create your array.

Create your array like this

  const MyArray = ["Item 1", "Item 2"];
Enter fullscreen mode Exit fullscreen mode

Step 2: Create the Method1 function

Add a function that looks like this

 function method1(arr) {
   for (var i = 0; i < arr.length; i++) {
     console.log("Method 1: " + arr[i]);
   }
  }
Enter fullscreen mode Exit fullscreen mode

And add this code to call the function:

  method1(MyArray);
Enter fullscreen mode Exit fullscreen mode

Now open the index.html file and look in the console. It should say something like this: looparray1
If it does you successfully looped over an array and console logged it!

Aditional Methods:

If you want something more simple but slower than the traditional for loop you can try out these functions:

function method2(arr) {
  for (const e of arr) {
    console.log("Method 2: " + e)
  }
}
function method3(arr) {
  arr.map(e => e).forEach(e => {
    console.log("Method 3: " + e);
  })
}
Enter fullscreen mode Exit fullscreen mode

Thanks for reading my first article!

Top comments (4)

Collapse
 
bakedbird profile image
Eleftherios Psitopoulos

Is there any specific reason you chained map and forEach on the third method that I am missing?

Collapse
 
w6 profile image
w6

No, each method chained together is another iteration over the array.

Collapse
 
bakedbird profile image
Eleftherios Psitopoulos

Yes, I’m just asking because I don’t think it’s really needed there, unless you’re planning to return the array.

Thread Thread
 
w6 profile image
w6

Thank you for the feedback!