Simplify Your JavaScript With These Array Methods
Tags: javascript, webdev, beginners
Published: 2019-11-01 10:13:03


It's not always about the end result. Especially when it comes to functional programming, the process is more important than the end results. 

However, with JavaScript most of the developers tend to write their codes in a procedural manner, forgetting that any minor glitch can break the code and give rise to the bugs. 

And here comes the functional pattern of programming that makes sure minor glitches won't ruin your entire code. This new pattern of writing codes is becoming more popular among coders. The reason behind this is quite simple, as functional programming helps coders to write a clean and easy to understand codes.

When writing codes in JavaScript there several arrays that you can use to write your code in a functional manner. And if you are excited here are the 5 simple array methods that you can use to simplify your JavaScript code.

## filter() 

![JavaScript](https://thepracticaldev.s3.amazonaws.com/i/9ewfq8f5liwc2a1wqg34.PNG)
By using filter(), you can generate a new array from an existing array, depending on the condition that you have put and if the condition is true for the existing array. 

In the above example, we can see how the filter() method can be set in the array. This function tells the code to list the single item in the array. In simple terms whatever is returned within this function will be transferred to the new array.

## find()
![JavaScript](https://thepracticaldev.s3.amazonaws.com/i/faechi2nwmirte3mcwwr.PNG)
The use of this function in JavaScript is to create a new object that satisfies the condition you have set. In several cases, the use of find() appears similar to filter(). 

However, there is a difference, where filter() returns an array of matched objects, find() simply return the first matched object. The function find() will stop after finding the first match. 

## reduce()
![JavaScript](https://thepracticaldev.s3.amazonaws.com/i/snbmj1j6wk4wfm6tbzuo.PNG)
You must have already familiar with this function, however, you don't use it much because you don't know the proper use of reduce (). Well, you can use this function when you need two values or objects to interact adjacent to each other.

For example, in an array [100, 20, 10], 100 and 20 will become the first set of values. And the output of these first set of values will interact with the second set of values, which is 10.

## every()
![JavaScript](https://thepracticaldev.s3.amazonaws.com/i/d4vc5ztxgb982vtt5kbe.PNG)
Just like filter() function, every () requires you to set a condition, however, the result you get is different. When filter() is used it'll return the item or the object stored inside the function, while every() function returns the true or false value evaluated based on the condition you have applied.

The best use of every() is to check it all the items and values stored inside an array meets the required criteria or not. 

## some()
![JavaScript](https://thepracticaldev.s3.amazonaws.com/i/h4olyzka2ejobtl5s5kt.PNG)
This function also works like every() function. The only difference is that some() works even with one condition that evaluates to be true. Just like every(), you can use some() to check the values inside an array and make sure if they meet the criteria. 

This is a good way to make sure all the values inside an array meet the criteria before you store them to the database.

## In Conclusion:

JavaScript is a fairly easy language to learn that's why so many programmers seems to write their codes in JavaScript. However the codes written in this language are not that easy to understand, long codes, missing semicolons and confusing network of brackets can easily turn your code into trash. 

Though, all this can be avoided with the help of array. You can use the above-mentioned array methods to simplify your code written in JavaScript.