解决方案

在JavaScript中，includes和indexOf方法是处理数组和字符串时非常有用的工具。本文将详细介绍这两种方法的使用方式，并提供多种实现思路，帮助开发者更好地理解和应用这些功能。

1. includes 方法

什么是 includes 方法？

includes 方法用于检查数组或字符串中是否包含指定的元素或子字符串。如果存在，则返回 true，否则返回 false。

数组中的 includes 方法

对于数组，includes 方法的语法如下：
javascript
array.includes(searchElement, fromIndex)

- searchElement：要查找的元素。
- fromIndex（可选）：从哪个索引开始查找，默认为 0。

示例代码

javascript
const array = [1, 2, 3, 4, 5];
console.log(array.includes(3)); // true
console.log(array.includes(6)); // false
console.log(array.includes(3, 3)); // false


字符串中的 includes 方法

对于字符串，includes 方法的语法如下：
javascript
string.includes(searchValue, position)

- searchValue：要查找的子字符串。
- position（可选）：从哪个位置开始查找，默认为 0。

示例代码

javascript
const str = "Hello, world!";
console.log(str.includes("world")); // true
console.log(str.includes("JavaScript")); // false
console.log(str.includes("world", 7)); // true


2. indexOf 方法

什么是 indexOf 方法？

indexOf 方法用于查找数组或字符串中个匹配的元素或子字符串的索引。如果找不到，则返回 -1。

数组中的 indexOf 方法

对于数组，indexOf 方法的语法如下：
javascript
array.indexOf(searchElement, fromIndex)

- searchElement：要查找的元素。
- fromIndex（可选）：从哪个索引开始查找，默认为 0。

示例代码

javascript
const array = [1, 2, 3, 4, 5];
console.log(array.indexOf(3)); // 2
console.log(array.indexOf(6)); // -1
console.log(array.indexOf(3, 3)); // -1


字符串中的 indexOf 方法

对于字符串，indexOf 方法的语法如下：
javascript
string.indexOf(searchValue, fromIndex)

- searchValue：要查找的子字符串。
- fromIndex（可选）：从哪个位置开始查找，默认为 0。

示例代码

javascript
const str = "Hello, world!";
console.log(str.indexOf("world")); // 7
console.log(str.indexOf("JavaScript")); // -1
console.log(str.indexOf("world", 7)); // 7


3. 多种实现思路

使用 includes 和 indexOf 的场景

• 验证用户输入：可以使用 includes 方法来检查用户输入的字符串是否包含某些关键字。
• 数据过滤：可以使用 indexOf 方法来查找数组中特定元素的位置，进而进行数据过滤或排序。

自定义实现 includes 和 indexOf 方法

虽然 JavaScript 已经提供了内置的 includes 和 indexOf 方法，但了解它们的实现原理有助于深入理解这些方法的工作机制。

自定义 includes 方法

javascript
function customIncludes(arr, searchElement, fromIndex = 0) {
    for (let i = fromIndex; i < arr.length; i++) {
        if (arr[i] === searchElement) {
            return true;
        }
    }
    return false;
}</p>

<p>const array = [1, 2, 3, 4, 5];
console.log(customIncludes(array, 3)); // true
console.log(customIncludes(array, 6)); // false
console.log(customIncludes(array, 3, 3)); // false

自定义 indexOf 方法

javascript
function customIndexOf(arr, searchElement, fromIndex = 0) {
    for (let i = fromIndex; i < arr.length; i++) {
        if (arr[i] === searchElement) {
            return i;
        }
    }
    return -1;
}</p>

<p>const array = [1, 2, 3, 4, 5];
console.log(customIndexOf(array, 3)); // 2
console.log(customIndexOf(array, 6)); // -1
console.log(customIndexOf(array, 3, 3)); // -1

通过以上内容，我们详细介绍了 includes 和 indexOf 方法的使用方法，并提供了多种实现思路。希望这些内容能帮助你在实际开发中更好地应用这些功能。