es6中includes返回的值是什么

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方法可以廣泛應用于數組元素查找、字符串子字符串查找等場景，極大地簡化了代碼的編寫。