在前端开发过程中,我们经常需要判断数组中是否包含某个元素。在 ES6 中,我们可以使用 Array.prototype.indexOf() 方法来实现,但是这个方法有一些缺陷,比如不能判断是否包含 NaN 等。而在 ES7 中,新增了 Array.prototype.includes() 方法,可以更好地解决这个问题。
Array.prototype.includes() 方法的用法
Array.prototype.includes() 方法用于判断数组是否包含某个元素,其语法如下:
arr.includes(searchElement[, fromIndex])
- searchElement:要查找的元素。
- fromIndex(可选):从该索引开始查找。如果为负数,则表示倒数第几个元素。默认值为 0。
该方法返回一个布尔值,表示数组是否包含该元素。
Array.prototype.includes() 方法的特点
与 Array.prototype.indexOf() 方法相比,Array.prototype.includes() 方法有以下特点:
- 可以判断数组是否包含 NaN。
- 可以判断数组是否包含 undefined。
- 可以判断数组是否包含 null。
- 可以判断数组是否包含字符串。
如何使用 Array.prototype.includes() 方法
我们可以通过以下代码来判断数组是否包含某个元素:
const arr = [1, 2, 3, NaN, undefined, null, 'hello']; console.log(arr.includes(1)); // true console.log(arr.includes(NaN)); // true console.log(arr.includes(undefined)); // true console.log(arr.includes(null)); // true console.log(arr.includes('hello')); // true console.log(arr.includes('world')); // false
总结
Array.prototype.includes() 方法是 ES7 中新增的方法,用于判断数组是否包含某个元素。与 Array.prototype.indexOf() 方法相比,它具有更好的判断能力,可以判断数组是否包含 NaN、undefined、null 和字符串等。在实际开发中,我们可以使用该方法来更方便地判断数组是否包含某个元素,提高开发效率。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65530bc0d2f5e1655dcbbbe0