數組includes方法詳解

一、數組includes方法

數組includes方法可以判斷一個數組是否包含一個指定的值，如果包含則返回true，否則返回false。

數組的includes方法的語法如下：

array.includes(searchElement[, fromIndex])

其中，searchElement為需要查找的元素，fromIndex為開始查找的位置，如果忽略該參數，則默認從0開始查找

下面是一個使用includes方法的例子：

let fruits = ['apple', 'banana', 'orange'];

console.log(fruits.includes('banana')); // 輸出true
console.log(fruits.includes('grape')); // 輸出false

在本例中，我們創建了一個名為fruits的數組，其中包含了三個元素。我們使用includes方法檢查了該數組是否包含了’banana’和’grape’兩個元素，結果根據預期執行。

二、數組的includes方法

數組的includes方法是ES7新增的方法，在ES7之前，通常我們使用indexOf方法來檢查一個數組是否包含了一個指定的元素。下面是一個使用indexOf的例子：

let fruits = ['apple', 'banana', 'orange'];

console.log(fruits.indexOf('banana') !== -1); // 輸出true
console.log(fruits.indexOf('grape') !== -1); // 輸出false

在本例中，我們使用了indexOf方法來檢查數組是否包含了’banana’和’grape’兩個元素。但是，使用indexOf方法存在一些問題，比如說，如果數組中包含了NaN值，那麼使用indexOf方法會返回錯誤的結果。而且，當數組中存在重複元素時，我們只能判斷出第一個符合要求的元素，而不是所有符合要求的元素。

為了解決這些問題，ES7新增了數組的includes方法。使用includes方法，我們可以避免以上問題的出現。

三、數組includes方法的作用是什麼

數組includes方法主要有以下幾個作用：

1. 檢查數組中是否包含某個元素

includes方法可以用於檢查一個數組中是否包含了某個指定的元素。

let fruits = ['apple', 'banana', 'orange'];

console.log(fruits.includes('banana')); // 輸出true
console.log(fruits.includes('grape')); // 輸出false

2. 檢查數組中是否包含NaN值

使用indexOf方法檢查數組中是否包含NaN值時，會返回錯誤的結果。而使用includes方法可以正確地檢查數組中是否包含了NaN值。

let array = [1, 2, NaN, 4];

console.log(array.indexOf(NaN) !== -1); // 輸出false
console.log(array.includes(NaN)); // 輸出true

3. 檢查數組中是否包含重複元素

使用indexOf方法只能檢查數組中是否包含某個元素，而無法檢查數組中是否有重複的元素。而使用includes方法可以檢查數組中是否包含指定的元素，包含則返回true，不包含則返回false，可以有效地檢查數組中是否有重複元素。

let array1 = [1, 2, 3, 4, 5];
let array2 = [1, 2, 3, 3, 4, 5];

console.log(array1.includes(3)); // 輸出true
console.log(array2.includes(3)); // 輸出true
console.log(array2.includes(6)); // 輸出false

4. 搜索特定位置的元素

includes方法可以接收第二個參數，該參數表示從指定的位置開始搜索指定的元素。

let fruits = ['apple', 'banana', 'orange'];

console.log(fruits.includes('apple', 1)); // 輸出false
console.log(fruits.includes('banana', 1)); // 輸出true
console.log(fruits.includes('banana', -2)); // 輸出false

在本例中，我們指定了第二個參數來搜索數組中的元素。第二個參數可以為負數，表示從數組結尾處倒數開始計算。如果指定的位置大於或等於數組的長度，則includes方法將返回false。

四、代碼示例

下面是一個完整的代碼示例，展示了如何使用includes方法檢查一個數組中是否包含某個指定的元素：

let array = [1, 2, 3, 4, 5];

if (array.includes(3)) {
  console.log('數組中包含元素3');
} else {
  console.log('數組中不包含元素3');
}

該代碼示例中，我們創建了一個名為array的數組，然後使用includes方法檢查該數組中是否包含了元素3。如果包含，則輸出’數組中包含元素3’，否則輸出’數組中不包含元素3’。

五、總結

通過本文的介紹，我們可以了解到數組includes方法的語法、使用方法以及作用。在實際編程中，我們應該根據具體的需求選擇合適的方法來檢查數組中是否包含特定的元素。