在前端开发中，经常需要对数组进行操作。而有时候需要判断一个数组是否包含特定的元素。在 ES7 中，新增的 Array.prototype.includes 方法提供了一种简单而有效的方式来检查数组是否包含特定的元素。下面我们来详细讨论一下使用该方法的技术细节和应用场景。
Array.prototype.includes 方法介绍
Array.prototype.includes 是 ES7 中新增的数组方法之一，可以用来判断一个数组是否包含特定的元素。该方法的语法如下：
arr.includes(searchElement[, fromIndex])
其中，searchElement 为需要查找的元素，fromIndex 为开始查找的索引，默认为 0。如果查找到了该元素，则返回 true，否则返回 false。
该方法比 Array.prototype.indexOf 方法更加简洁和清晰，而且能够更好地处理 NaN 和 undefined 等值。
Array.prototype.includes 实例
假设我们有一个数组，名为 arr，包含了一些字符串元素：
const arr = ['apple', 'banana', 'orange'];
接下来，我们可以使用 Array.prototype.includes 方法来判断该数组中是否包含了 apple 元素：
console.log(arr.includes('apple'));
// Output: true特定情况下的应用场景
在一些特定的情况下，我们需要使用 Array.prototype.includes 方法来进行一些特定的操作。下面我们将介绍一些常见的应用场景。
判断数组中是否有元素
我们可以使用 Array.prototype.includes 方法来判断数组是否有元素：
const arr = [1, 2, 3];
if (arr.length && arr.includes(2)) {
console.log('The array has elements and includes 2');
}判断一个元素是否存在于多个数组中
我们可以使用 Array.prototype.some 和 Array.prototype.includes 方法来判断一个元素是否存在于多个数组中：
-- -------------------- ---- ------- ----- ---- - --- -- --- ----- ---- - --------- --------- ---------- ----- ---- - ------ ------ ------ ----- ---- - -- -- ------- ----- -------------- -- -------------------- - -------------------- ------ -- -- ----- --- -- --- --------- - ---- - -------------------- ---- --- ----- -- --- -- --- --------- -
过滤出数组中指定的元素
我们可以使用 Array.prototype.filter 和 Array.prototype.includes 方法来过滤出数组中指定的元素：
const arr = ['Mango', 'Banana', 'Orange', 'Apple', 'Lemon']; const fruitsToFilter = ['Orange', 'Lemon', 'Apple']; const filteredFruits = arr.filter(fruit => fruitsToFilter.includes(fruit)); console.log(filteredFruits); // Output: ['Orange', 'Apple', 'Lemon']
代码兼容性
需要注意的是，在使用 Array.prototype.includes 方法时，我们需要查看该方法的浏览器兼容性。该方法在 ES7 中新增，因此只有在最新的浏览器中才能够使用。在进行开发时，我们需要对该方法进行合适的兼容性处理。
总结
Array.prototype.includes 方法是 ES7 中新增的数组方法之一，提供了一种简单而有效的方式来检查数组是否包含特定的元素。在开发过程中，我们可以使用该方法来判断数组中是否存在元素，给数组过滤出指定的元素，以及判断一个元素是否存在于多个数组中等。在使用该方法时，需要注意代码兼容性，针对不同的浏览器进行兼容性处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fdcc1e95b1f8cacdcfae87