检查 JavaScript 数组是否包含值的指南

使用现代 JavaScript 方法检查数组是否包含值

JavaScript ES6

// Using Array.prototype.includes method (ES6)
function contains(array, value) {
    return array.includes(value);
}
// Example usage:
const fruits = ['apple', 'banana', 'mango'];
console.log(contains(fruits, 'banana')); // true
console.log(contains(fruits, 'grape')); // false

检查数组是否包含带有indexOf的值

JavaScript ES5

// Using Array.prototype.indexOf method (ES5)
function contains(array, value) {
    return array.indexOf(value) !== -1;
}
// Example usage:
const vegetables = ['carrot', 'broccoli', 'spinach'];
console.log(contains(vegetables, 'broccoli')); // true
console.log(contains(vegetables, 'lettuce')); // false

使用集合检查数组是否包含值

JavaScript ES6 与 Set

// Using Set for large arrays
function contains(array, value) {
    const set = new Set(array);
    return set.has(value);
}
// Example usage:
const items = ['pen', 'pencil', 'eraser'];
console.log(contains(items, 'pencil')); // true
console.log(contains(items, 'marker')); // false

使用某种方法检查数组是否包含值

JavaScript ES6 与 Array.some

// Using Array.prototype.some method (ES6)
function contains(array, value) {
    return array.some(element => element === value);
}
// Example usage:
const colors = ['red', 'green', 'blue'];
console.log(contains(colors, 'green')); // true
console.log(contains(colors, 'yellow')); // false

有关 JavaScript 中数组值检查的常见问题

1. 如何 includes 方法工作？
2. 这 includes 方法检查数组中是否存在特定元素，返回 true 或 false。
3. 有什么区别 indexOf 和 includes？
4. indexOf 返回元素的索引，同时 includes 返回一个布尔值来指示其存在。
5. 我什么时候应该使用 find 方法？
6. 使用 find 当您需要找到数组中满足特定条件的第一个元素时。
7. 什么是 findIndex 做？
8. findIndex 返回满足所提供的测试函数的第一个元素的索引。
9. 怎么办 Set 对象有助于数组值检查吗？
10. Set 对象允许快速查找唯一元素，使其能够有效地检查大型数组中值的存在。
11. 能 some 方法用于值检查？
12. 是的 some 方法测试数组中至少一个元素是否通过提供的测试函数，返回 true 或 false。
13. 哪种方法最适合大型数组？
14. 用一个 Set 由于其优化的查找操作，对于大型数组可以更加高效。
15. 使用有什么好处 find 和 findIndex？
16. 与相比，它们为复杂条件提供了更大的灵活性，并返回更具体的结果（元素或索引） includes 和 indexOf。