10 JavaScript Array methods to simplify your code.
Marko Denic

Marko Denic @denicmarko

About: Software Engineer.

Location:
Austria
Joined:
Nov 16, 2019

10 JavaScript Array methods to simplify your code.

Publish Date: Nov 30 '20
106 6

Let’s start!

1. filter()

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

Alt Text

2. forEach()

The forEach() method executes a provided function once for each array element.

Alt Text

3. some()

The some() method tests whether at least one element in the array passes the test implemented by the provided function. It returns a Boolean value.

Alt Text

4. every()

The every() method tests whether all elements in the array pass the test implemented by the provided function. It returns a Boolean value.

Alt Text

5. includes()

The includes() method determines whether an array includes a certain value among its entries, returning true or false as appropriate.

Alt Text

6. map()

The map() method creates a new array populated with the results of calling a provided function on every element in the calling array.

Alt Text

7. reduce()

The reduce() method executes a reducer function (that you provide) on each element of the array, resulting in a single output value.

Alt Text

8. sort()

The sort() method sorts the elements of an array in place and returns the sorted array. The default sort order is ascending, built upon converting the elements into strings, then comparing their sequences of UTF-16 code unit values.

Alt Text

9. find()

The find() method returns the value of the first element in the provided array that satisfies the provided testing function.

Alt Text

10. findIndex()

The findIndex() method returns the index of the first element in the array that satisfies the provided testing function. Otherwise, it returns -1, indicating that no element passed the test.

Alt Text

If you liked this article, be sure to ❤️ it.

Let's keep in touch:

Website: markodenic.com
Twitter: @denicmarko

Comments 6 total

  • Mim Ahmed
    Mim AhmedNov 30, 2020

    Nice . Thanks

  • KevinLeeBuchan
    KevinLeeBuchanNov 30, 2020

    Really nice. It'd be more helpful to the reader to have code posted instead of images, but at least the elements I didn't already know were short examples.

    • Marko Denic
      Marko DenicNov 30, 2020

      Thank you. You're right, I will add the code too.

  • jcfmus
    jcfmusDec 11, 2020

    Nice, clear, and straight to the point! Thanks.

Add comment