DEV Community

Ignazio Casamento
Ignazio Casamento

Posted on

6 JavaScript array methods for absolute beginner + TIPS & TRICKS!

Introduction
As a beginner in JavaScript, it can be a bit daunting to get to grips with all the array methods. However, with a little bit of practice, you can become a pro in no time. Here are 6 JavaScript array methods for absolute beginners to get you started.

  • forEach() This method lets you iterate over each element in an array and perform a task on each item. For example, if you wanted to print out each element in an array, you would use a forEach loop like this:
array.forEach(element => {   console.log(element); });
Enter fullscreen mode Exit fullscreen mode
  • map() This method lets you create a new array from the original array by performing a task on each element in the array. For example, if you wanted to double each item in the array, you would use a map loop like this:
const doubled = array.map(element => element * 2);
Enter fullscreen mode Exit fullscreen mode
  • filter() This method lets you create a new array from the original array by filtering out elements that don't meet a certain condition. For example, if you wanted to create a new array of only even numbers, you would use a filter loop like this:
const evenNumbers = array.filter(element => element % 2 === 0);
Enter fullscreen mode Exit fullscreen mode
  • find() This method lets you find the first element in an array that meets a certain condition. For example, if you wanted to find the first even number in an array, you would use a find loop like this:
const firstEven = array.find(element => element % 2 === 0);
Enter fullscreen mode Exit fullscreen mode
  • every() This method lets you check if all elements in an array meet a certain condition. For example, if you wanted to check if all elements in an array are even numbers, you would use an every loop like this:
const allEven = array.every(element => element % 2 === 0);
Enter fullscreen mode Exit fullscreen mode
  • some() This method lets you check if at least one element in an array meets a certain condition. For example, if you wanted to check if any element in an array is an even number, you would use a some loop like this:
const anyEven = array.some(element => element % 2 === 0); 
Enter fullscreen mode Exit fullscreen mode

Let's dive in: A useful JavaScript tip!

Using forEach() method

let numbers = [1, 2, 3, 4, 5];  
numbers.forEach(number => {   
    if (number % 2 === 0) {   
        console.log(number);   
        } 
    });
// Output [2, 4]
Enter fullscreen mode Exit fullscreen mode

Using filter() method

let numbers = [1, 2, 3, 4, 5];  
const evenNumbers = numbers.filter(number => number % 2 === 0);
// Output [2, 4]
Enter fullscreen mode Exit fullscreen mode

Same output but which of the 2 examples is the better?
It depends on the specific task you are trying to accomplish. The forEach loop is useful if you want to perform a task on each element in an array, while the filter loop is useful if you want to create a new array with only the elements that meet a certain condition.

By mastering these 6 JavaScript array methods, you can take your JavaScript skills to the next level. With a little practice, you'll be able to use them with ease and will be able to tackle any array related tasks with confidence. So don't be afraid to get stuck in and keep learning!

Top comments (0)