Five Array methods to check or find item(s) in Array.
Tags: javascript, array, find
Published: 2021-06-09 07:13:55

There are five different ways to check if an item or object exist within an array. Based on our use cases, we can use any of the array method to achieve the same.

Here in this blog I will tell you the uses cases of all five array methods and also when and where it should be used.

##Array.includes
Includes is checking that if the given item is present in the array or not.

if item exist then it return true otherwise false.'

We can't use the comparison operator in the includes like greater than or less than. It is only used to test the direct values. Here is an example.

```javascript
var numbers = [1, 2, 3, 4, 5];
var isNumberExist = numbers.includes(1);
console.log(isNumberExist); //true

var isNumberExist = numbers.includes(7);
console.log(isNumberExist); //false
```
In the above example, I am checking that if the 1 is present in the numbers array or not. in that case its returning true. in the same way, when I am checking for the 7, its returning false.

##Array.some
This Array method return a callback.

This method is used to check if any of the array item is satisfying the condition, then it will return the true otherwise it will return the false.

Let me explain the same with an example.
```javascript
var numbers = [1, 2, 3, 4, 5];
var isNumberExist = numbers.some((item) => item <= 7);
console.log(isNumberExist); //true

var isNumberExist = numbers.some((item) => item >= 7);
console.log(isNumberExist); //false

```
n the above example, you can see that the first statement, `var isNumberExist = numbers.some((item) => item <= 7);` is checking that if any of the item is less than or equal to 7 is present in the array. In that case its returning true.

and the second statement, `var isNumberExist = numbers.some((item) => item >= 7);` is checking that if any of the array item is greater than or equal to 7 is present in the array or not. in that case its returning false.

##Array.every
his Array method is also returning a callback.

Array.every method is just the opposite of the Array.some. It is checking that, if all the items of the array is satisfying the given condition.

Explaining this with the help of an example.

```javascript
var numbers = [1, 2, 3, 4, 5];
var isNumberExist = numbers.every((item) => item <= 7);
console.log(isNumberExist); //true

var isNumberExist = numbers.every((item) => item >= 3);
console.log(isNumberExist); //false

```
In this example, the first statement `numbers.every((item) => item <= 7);` is checking that all the items of the array is less than 7. So in this case it is true. All the items of the array is less than or equal to 7.

The second statement `numbers.every((item) => item >= 3);` is checking that if items of the array is greater than or equal to 3. so in that case only 3, 4 and 5 are greater than or equal to 3. SO it will return false.

##Array.filter

This Array method will also return a callback.

Array.filter is used to filter the array on the basis of a condition. if condition satisfied then it will return an array with the matching items.

Let's understand with the code.

```javascript
var numbers = [1, 2, 3, 4, 5];
var isNumberExist = numbers.filter((item) => item < 7);
console.log(isNumberExist); //[1, 2, 3, 4, 5]

var isNumberExist = numbers.filter((item) => item > 3);
console.log(isNumberExist); //[4, 5]

```
In the above example, the first filter statement `numbers.filter((item) => item < 7);`is checking that if array has numbers which are less than 7. so in that case all the items of the array is less than 7. so it will return an array `[1, 2, 3, 4, 5]`.

The second statement `numbers.filter((item) => item > 3);` is checking that, if items of the array is less than 3, if satisfied then it will return that matched items in the form of an array. so in this case it will return the `[4, 5]` because only 4 and 5 are greater than 3.

##Array.find 

The objective of this array method is to find an item within the array, but there is a catch in that. It will not return the all the matched item and it will also not return true or false.

It will return the first matched item only.

For example:

```javascript
var numbers = [1, 2, 3, 4, 5];
var isNumberExist = numbers.find((item) => item < 7);
console.log(isNumberExist); //1

var isNumberExist = numbers.find((item) => item > 3);
console.log(isNumberExist); //4

```
In the above case, the first statement `numbers.find((item) => item < 7);` will return the 1 because the first matched item is 1. the second statement `numbers.find((item) => item > 3);` will return the 4, because the first matched item is 4 from the array which is greater than 3.