js的contains方法

contains 方法是 JavaScript 中的一个字符串和数组的方法，用于检查一个元素是否存在于另一个元素中。这个方法在 ES6 中被引入，用于替代 indexOf 方法，因为它提供了更直观的语义。

基础概念

字符串的 contains 方法

• 语法: str.contains(searchString[, position])
• 参数:
  • searchString: 要在 str 中搜索的子字符串。
  • position: 可选参数，表示开始搜索的位置。默认为 0。
• 返回值: 如果找到子字符串，则返回 true，否则返回 false。

数组的 contains 方法

实际上，数组并没有原生的 contains 方法。但是，你可以使用 includes 方法来实现相同的功能。

• 语法: arr.includes(searchElement[, fromIndex])
• 参数:
  • searchElement: 要在数组中查找的元素。
  • fromIndex: 可选参数，表示开始搜索的位置。默认为 0。
• 返回值: 如果找到元素，则返回 true，否则返回 false。

优势

1. 直观性: contains 和 includes 方法的语义比 indexOf 更直观，因为它们直接返回布尔值。
2. 易用性: 不需要检查返回值是否为 -1 来判断是否存在。

类型

• 字符串方法: contains
• 数组方法: includes

应用场景

• 字符串处理: 检查一个字符串是否包含另一个子字符串。
• 数组操作: 检查数组中是否包含某个特定元素。

示例代码

字符串的 contains 方法

let str = "Hello, world!";
console.log(str.contains("world")); // 输出: true
console.log(str.contains("planet")); // 输出: false

数组的 includes 方法

let arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // 输出: true
console.log(arr.includes(6)); // 输出: false

可能遇到的问题及解决方法

兼容性问题

• 问题: 在一些较旧的浏览器或 JavaScript 环境中，可能不支持 contains 或 includes 方法。
• 解决方法: 使用 polyfill 或者回退到 indexOf 方法。
• 解决方法: 使用 polyfill 或者回退到 indexOf 方法。

通过这种方式，你可以确保在不支持这些方法的旧环境中也能正常工作。