8 Must Know Javascript Array Methods
Tags: javascript, codenewbie, webdev, beginners
Published: 2020-05-05 04:45:10

Hi, Dev! Thanks for opening my blog. I hope you are doing well and ready to learn the most used JavaScript Array Methods.

Here are the 8 JavaScript Array Methods you should know.

*1. filter()*

- The filter() method returns an array filled with all array elements that satisfies the condition.
- If no elements satisfies the condition, it returns an empty array.

```javascript
      let arr = [1, 2, 3, 4, 5, 6];

      // returning items less than 4
      let filteredArr = arr.filter((item) => item < 4);

      console.log(filteredArr); // output: [1, 2, 3]
```


*2. map()*

- The map() method returns a new array with the results of calling a function for every array element.
- The map() method calls the provided function once for each element in an array, in order.

```javascript
      let arr = [1, 2, 3, 4, 5, 6];

      // adding one to each array element
      let mappedArr = arr.map((item) => item + 1);

      console.log(mappedArr); // output: [2, 3, 4, 5, 6, 7]
```


*3. find()*

- The find() method returns the value of the first element in an array that satisfies the condition.
- The find() method executes the function once for each element present in the array.

```javascript
      let arr = [1, 2, 3, 4, 5, 6];

      // finding element greater than 4
      let resultArr = arr.find((item) => item > 4);

      console.log(resultArr); // output: [5]
```

*4. forEach()*

- The forEach() method calls a function once for each element in an array, in order.

```javascript
      let arr = [1, 2, 3, 4, 5, 6];

      arr.forEach((item) => {
        console.log(item); // output: 1 2 3 4 5 6
      });
```

*5. some()*

- The some() method checks if any one of the elements in an array satisfies the condition.
- If satisfied, it returns 'true' otherwise 'false'.

```javascript
      let arr = [1, 2, 3, 4, 5, 6];

      // checking is any array element equals to 3
      let isThree = arr.some((item) => item === 3);

      console.log(isThree); // output: true

      // checking is any array element equals to 10
      let isTen = arr.some((item) => item === 10);

      console.log(isTen); // output: false
```

*6. every()*

- The every() method checks if all elements in an array satisfies the condition.
- If satisfied, it returns 'true' otherwise 'false'.

```javascript
      let arr = [1, 2, 3, 4, 5, 6];

      // all elements are less than 6
      let lessSix = arr.every((item) => item <= 6);

      console.log(lessSix); // output: true

      // all elements are greater than 10
      let greaterTen = arr.every((item) => item > 10);

      console.log(greaterTen); // output: false
```

*7. reduce()*

- The reduce() method reduces the array to a single value.
- The reduce() method executes a provided function for each value of the array (from left-to-right) and return value is stored in an accumulator.

```javascript
      let arr = [1, 2, 3, 4, 5, 6];

      // adding all elements of an array
      let sum = arr.reduce((total, value) => total + value);

      console.log(sum); // output: 21
```

*8. includes()*

- The includes() method determines whether an array contains a specified element.
- If array contains the element, it returns 'true' otherwise 'false'.

```javascript
      let arr = ["html", "css", "js"];

      // checking is array conatins 'js'
      arr.includes("js"); // output: true

      // checking is array conatins 'react'
      arr.includes("react"); // output: false
```

**Note:** All the above array methods does not change the original array.