In JavaScript, check whether an array contains a certain value. The most common method is include(), which returns a boolean value and the syntax is array.includes(valueToFind), for example fruits.includes('banana') returns true; if it needs to be compatible with the old environment, use indexOf(), such as numbers.indexOf(20) !== -1 returns true; for objects or complex data, some() method should be used for in-depth comparison, such as users.some(user => user.id === 1) returns true.

The most common method to check whether an array contains a certain value in JavaScript is to use Array.prototype.includes() method. It is simple and intuitive, and can directly return a Boolean value, telling you whether this value exists in the array.

Use includes() method

This is the recommended way in modern browsers and environments. The syntax is very simple:

 array.includes(valueToFind)

It will return true or false . For example:

 const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.includes('banana')); // true

This method is friendly to novices and the code is easy to understand. If you only need to determine whether it exists and do not need to know the index, this method is most appropriate.

Note: This method is case sensitive and is not compatible with some old browsers (such as IE). If you need to support old environments, you can consider the following method.

Use indexOf() method for compatibility processing

If you need to be compatible with old browsers or environments, you can use indexOf() method instead:

 array.indexOf(value) !== -1

This method determines whether it exists by looking for the index position of the value. If not found, -1 will be returned.

For example:

 const numbers = [10, 20, 30];
console.log(numbers.indexOf(20) !== -1); // true

Although the writing is a little more complicated, it is more compatible and suitable for projects that require extensive support.

Things to note when processing objects or complex data

If the array is stored with an object or more complex data structure, includes() may not work as expected. Because objects are reference types, even if the contents of the two objects are the same, they are not equal:

 const users = [{id: 1}, {id: 2}];
console.log(users.includes({id: 1})); // false

At this time, you need to manually traverse the array, or use some() method to make depth comparisons:

 users.some(user => user.id === 1); // true

In this case, some() is more flexible and can be judged based on specific fields.

Basically that's it. Just choose the right method according to your needs. If it is a basic type value, use includes() first; if it needs to be compatible with the old environment, use indexOf() ; if you encounter an object, remember to use some() or write a loop comparison by yourself.

The above is the detailed content of How to Check if an Array Includes a Value in JavaScript. For more information, please follow other related articles on the PHP Chinese website!