There are 5 ways to easily check if Array contains a Value in JavaScript where most of them are 1 liner code. Let’s explore the methods.
Methods to Check if Array Contains a Value in JavaScript
Here are the list of 5 methods where we can easily check if array contains a value. Since each of them have their own properties and features, we can choose which to use depending on our needs.
- Array
Methodincludes
() - Array
indexOf()
Method - Array
some()
Method - Array
filter()
Method - Set
has()
Method
Let’s look into each details with illustration below.
1. Array includes
()
Method
includes
()
is part of original Array standard built-in object method in JavaScript.
s()include
Its features includes:
- Check if the array itself contain certain value
- Allow specifying the index to start from
- Return
true
if the value exist - Does not modify the array
Below shows the example where we send an array with and without the search value to
method.
()include
s
let myArray = ['one', 'two', 'three']; console.log(myArray.includes('four')); // false myArray = ['one', 'two', 'three', 'four']; console.log(myArray.includes('four')); // true myArray = ['one', 'two', 'three', 'four']; console.log(myArray.includes('one', 3)); // false
2. Array indexOf()
Method
is part of original Array standard built-in object method in JavaScript.
()indexOf
Its features includes:
- Check if the array itself contain certain value
- Return the first index if the element is found
- Does not modify the array
Below shows the example where we send an array with and without search value to
method. If the value is found, it return the first index. Thus, if it does not return -1, value is found.
()indexOf
let myArray = ['one', 'two', 'three']; console.log(myArray.indexOf('four')); // -1 myArray = ['one', 'two', 'three', 'four']; console.log(myArray.indexOf('four')); // 3
3. Array some()
Method
is part of original Array standard built-in object method in JavaScript.
()some
Its features includes:
- Allow specifying of test to execute on every element
- Return
true
immediately for first value to pass the test - Does not modify the array
Below shows the example where we define and arrow function that check if string is value. Then, we pass this function as the test into some()
method.
let myArray = ['one', 'two', 'three']; const containValue = (element) => element === 'four'; console.log(myArray.some(containValue)); // false myArray = ['one', 'two', 'three', 'four']; console.log(myArray.some(containValue)); // true
4. Array filter()
Method
is part of original Array standard built-in object method in JavaScript.
()filter
Its features includes:
- Allow specifying of test to execute on every element
- Return an array of elements that pass the test
- Does not modify the array
Below shows the example where we define an arrow function that check if string is value. Then, we pass this function as the test into filter()
method. If there is no such value, we will receive empty array.
let myArray = ['one', 'two', 'three']; const containValue = (element) => element === 'four'; console.log(myArray.filter(containValue)); // [] myArray = ['one', 'two', 'three', 'four']; console.log(myArray.filter(containValue)); // ["four"]
5. Set has()
Method
is a standard built-in object in JavaScript. By converting an Set
Array
into Set
, we can use its has()
method to easily determine if the value exist.
Its features includes:
- Return true if the Set contain that element with that datatype
- Does not modify the array
Below shows the example where we define and arrow function that check if string is value. Then, we pass this function as the test into filter()
method. If there is no such value, we will receive empty array.
let myArray = ['one', 'two', 'three']; let mySet = new Set(myArray); console.log(mySet.has('four')); // false myArray = ['one', 'two', 'three', 'four']; mySet = new Set(myArray); console.log(mySet.has('four')); // true
Conclusion
We have look into 5 different methods to check if there is a specify value in an array.
If we do not need to know about the position of the value, Array includes()
and some()
as they will just return a boolean result. Set has()
method also returns a boolean and it maybe more efficient for processing huge arrays.
If we need to know about the position, array indexOf()
will be useful since we can immediately perform processing.
No Responses Yet