ES6中includes返回的值是什么

在ES6（ECMAScript 2015）中，JavaScript引入了许多新的语法和功能，其中之一就是includes方法。includes方法主要用于判断一个数组或字符串中是否包含某个特定的元素或子字符串。本文将详细探讨includes方法的用法、返回值以及在实际开发中的应用。

1. includes方法的基本用法

1.1 数组中的includes方法

在数组中，includes方法用于判断数组中是否包含某个特定的元素。其语法如下：

array.includes(searchElement, fromIndex)

• searchElement：需要查找的元素。
• fromIndex（可选）：从数组的哪个索引位置开始查找，默认为0。

如果数组中包含searchElement，则includes方法返回true，否则返回false。

示例：

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false
console.log(arr.includes(3, 3)); // false

在上面的例子中，arr.includes(3)返回true，因为数组arr中包含元素3。而arr.includes(6)返回false，因为数组arr中不包含元素6。arr.includes(3, 3)返回false，因为从索引3开始查找，数组arr中索引3及之后的元素是[4, 5]，不包含3。

1.2 字符串中的includes方法

在字符串中，includes方法用于判断字符串中是否包含某个特定的子字符串。其语法如下：

string.includes(searchString, position)

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

如果字符串中包含searchString，则includes方法返回true，否则返回false。

示例：

const str = "Hello, world!";

console.log(str.includes("world")); // true
console.log(str.includes("World")); // false
console.log(str.includes("world", 8)); // false

在上面的例子中，str.includes("world")返回true，因为字符串str中包含子字符串"world"。而str.includes("World")返回false，因为字符串str中不包含子字符串"World"（注意大小写敏感）。str.includes("world", 8)返回false，因为从位置8开始查找，字符串str中位置8及之后的字符是"orld!"，不包含"world"。

2. includes方法的返回值

includes方法的返回值是一个布尔值（true或false），表示目标数组或字符串中是否包含指定的元素或子字符串。

2.1 数组中的返回值

在数组中，includes方法返回true或false，具体取决于数组中是否包含指定的元素。

示例：

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

2.2 字符串中的返回值

在字符串中，includes方法同样返回true或false，具体取决于字符串中是否包含指定的子字符串。

示例：

const str = "Hello, world!";

console.log(str.includes("world")); // true
console.log(str.includes("World")); // false

3. includes方法的注意事项

3.1 大小写敏感

includes方法是大小写敏感的，这意味着在字符串中查找子字符串时，大小写必须完全匹配。

示例：

const str = "Hello, world!";

console.log(str.includes("world")); // true
console.log(str.includes("World")); // false

3.2 NaN的处理

在数组中，includes方法可以正确处理NaN值。这与indexOf方法不同，indexOf方法无法正确识别NaN。

示例：

const arr = [1, 2, NaN, 4, 5];

console.log(arr.includes(NaN)); // true
console.log(arr.indexOf(NaN)); // -1

在上面的例子中，arr.includes(NaN)返回true，因为数组arr中包含NaN。而arr.indexOf(NaN)返回-1，因为indexOf方法无法正确识别NaN。

3.3 对象和引用类型的处理

includes方法在处理对象和引用类型时，会比较引用地址，而不是对象的内容。

示例：

const obj1 = { name: "Alice" };
const obj2 = { name: "Alice" };
const arr = [obj1];

console.log(arr.includes(obj1)); // true
console.log(arr.includes(obj2)); // false

在上面的例子中，arr.includes(obj1)返回true，因为数组arr中包含obj1。而arr.includes(obj2)返回false，因为obj2和obj1虽然内容相同，但它们是不同的对象，引用地址不同。

4. includes方法的应用场景

4.1 数组中的元素查找

includes方法可以用于快速判断数组中是否包含某个元素，而不需要遍历整个数组。

示例：

const fruits = ["apple", "banana", "orange"];

if (fruits.includes("banana")) {
  console.log("We have bananas!");
} else {
  console.log("No bananas available.");
}

4.2 字符串中的子字符串查找

includes方法可以用于判断字符串中是否包含某个子字符串，常用于表单验证、搜索功能等场景。

示例：

const email = "user@example.com";

if (email.includes("@")) {
  console.log("Valid email address.");
} else {
  console.log("Invalid email address.");
}

4.3 处理NaN值

在处理包含NaN的数组时，includes方法比indexOf方法更加可靠。

示例：

const data = [1, 2, NaN, 4, 5];

if (data.includes(NaN)) {
  console.log("NaN found in the array.");
} else {
  console.log("NaN not found in the array.");
}

5. 总结

includes方法是ES6中引入的一个非常实用的方法，用于判断数组或字符串中是否包含某个特定的元素或子字符串。它的返回值是一个布尔值（true或false），表示目标数组或字符串中是否包含指定的元素或子字符串。includes方法在处理NaN值时比indexOf方法更加可靠，但在处理对象和引用类型时需要注意引用地址的问题。在实际开发中，includes方法可以广泛应用于数组元素查找、字符串子字符串查找等场景，极大地简化了代码的编写。