includes详细解释

includes 方法是一个在 JavaScript 中用于判断字符串或数组是否包含指定子字符串或元素的功能。以下是对 includes 方法的详细解释：

字符串中的 includes 方法

• 定义和用法：includes 方法用于判断一个字符串是否包含另一个指定的子字符串。如果包含，返回 true；否则返回 false。这个方法是区分大小写的1。
• 语法：string.includes(searchvalue, start)
  • searchvalue：必需，要查找的字符串。
  • start：可选，设置从哪个位置开始查找，默认为 01。
• 浏览器支持：此方法在不同浏览器的版本中得到支持，例如 Chrome 41、Firefox 12.0、Safari 9 等1。

数组中的 includes 方法

• 定义和用法：Array.prototype.includes 方法用于判断一个数组是否包含给定的值。此方法返回一个布尔值，如果数组包含该值则为 true，否则为 false。这个方法是在 ES2016 中引入的2。
• 语法：[1, 2, 3].includes(searchElement[, fromIndex])
  • searchElement：要检查的元素值。
  • fromIndex：可选，搜索的起始位置，默认为 0。如果为负数，则从数组末尾开始倒数计算2。
• 特点：与数组的 indexOf 方法相比，includes 方法更加语义化，且能正确处理 NaN 值的比较问题2。

技术细节

• includes 方法是 ECMAScript 6 (ES6) 新增的语法1。
• 此方法在字符串中执行区分大小写的搜索4。

实用场景

• includes 可以用于多种场景，例如检查一个价格是否包含税费和服务费7，或者一个集合是否包含某个特定的项56。

词态变化

• 动词 "include" 的第三人称单数形式是 "includes"8。

总结

includes 方法提供了一种直观的方式来检查字符串或数组中是否存在某个特定的值或子字符串，它在现代 JavaScript 开发中被广泛使用。

includes() 方法在 JavaScript 中是如何实现的?

includes() 方法在 JavaScript 中是一种用于判断字符串或数组是否包含指定子字符串或元素的函数。对于字符串，includes() 方法执行区分大小写的搜索，如果找到匹配的字符串则返回 true，否则返回 false。此方法在 ECMAScript 6 (ES6) 中被引入，并且其语法为 string.includes(searchvalue, start)，其中 searchvalue 是必需的参数，表示要查找的字符串，而 start 是可选参数，表示开始搜索的位置，默认为 0。如果 start 是负数，则表示从字符串末尾开始的倒数位置14。

对于数组，Array.prototype.includes 方法返回一个布尔值，表示数组是否包含给定的值。该方法同样在 ES2016 中被引入，其语法为 [1, 2, 3].includes(2)，其中 2 是要检查是否存在于数组中的值。该方法的第二个参数表示搜索的起始位置，默认为 0。如果第二个参数为负数，则表示从数组末尾开始的倒数位置23。

在没有 includes 方法之前，通常使用数组的 indexOf 方法来检查是否包含某个值。但 indexOf 方法存在两个缺点：一是不够语义化，需要比较是否不等于 -1；二是它使用严格相等运算符（===）进行判断，这会导致对 NaN 的误判。而 includes 方法使用的是不同的判断算法，能够正确处理 NaN 的情况29。

此外，includes 方法能够正确处理 NaN 的情况，与 indexOf 方法相比，它不会误判 NaN。例如，[NaN].indexOf(NaN) 会返回 -1，而 [NaN].includes(NaN) 会返回 true2。

在某些不支持 includes 方法的环境下，可以通过 Array.prototype.includes 的存在性来部署一个简易的替代版本，例如使用 arr.some(el => el === value) 来模拟 includes 的功能2。

总的来说，includes 方法是 JavaScript 中非常实用的一个方法，可以用于字符串和数组的匹配操作，通过结合其他方法和逻辑运算符，可以实现更复杂的匹配和操作10。