Sources Contact Advanced Search Tutorials

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

May 5, 2020 04:45 am GMT

8 Must Know Javascript Array Methods

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.

      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.

      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.

      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.

      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'.

      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'.

      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.

      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'.

      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.

Original Link: https://dev.to/shoaib03/8-must-know-javascript-array-methods-29d

Share this article:

View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To