Hello, in this article we will be looking at the filter() method, which is a javascript method frequently used by frontend developers in daily business life. As in my other javascript method blog posts, in this post, we will reinforce the topic by doing a standard simple examples with the filter method and then an example of how it is used in a React project. What is this filter javascript method without wasting time? Let’s learn how to use it…

What is the Javascript Filter Method?

As the name suggests, it ensures that the data in the array we have is filtered by going through the desired process and a new array is created and returned. There will be no change on the main array. But it can be done if desired.😅

Now let’s look at the usage structure of the filter method….

array.filter(function(currentValue, index, array), thisValue)

• currentValue : Denotes the value of the element being processed.
• index : Specifies the index value of the processed element.
• array : Specifies the array value being processed.
• thisValue : Specifies the this value to be used when the specified operation is running, that is, when the callback function is executed.

Important Warnings

• If no value is found in the array in the operation or if the given array is empty, the filter method will return an empty array. Now let’s reinforce what we have learned by making examples about the filter method.

Simple Examples

You can visit my website for more.

Source: https://en.musayazlik.com/2022-javascript-array-methods-filter/