使用JS判斷數組對象中是否包含指定值的方法

一、介紹問題

我們經常會需要在JS代碼中判斷一個數組對象中是否包含指定的值。比如在一個學生信息的數組中，我們需要判斷是否包含某個指定學生的信息。本文將介紹幾種可行的方法。

二、使用includes()方法

includes()方法是ES6引入的，這是判斷一個數組中是否包含某個元素的最簡單方法。它的語法如下：

array.includes(searchElement[, fromIndex])

其中，searchElement是要查找的元素，fromIndex是可選參數，指定開始查找元素的位置。如果省略fromIndex，則從數組的開頭開始查找。如果fromIndex為負數，則表示從數組末尾向前查找元素。

下面是一個使用includes()方法的示例代碼：

const studentList = ['Tom', 'Lucy', 'Mary', 'John'];

if (studentList.includes('Lucy')) {
  console.log('學生列表中包含Lucy');
} else {
  console.log('學生列表中不包含Lucy');
}

輸出結果為：「學生列表中包含Lucy」。

三、使用some()方法

some()方法同樣是判斷一個數組中是否包含指定元素的方法之一。這個方法會遍歷整個數組，如果數組中任意一個元素和指定元素相等，則返回true，如果沒有匹配的元素，則返回false。 some()方法的語法如下：

array.some(callback[, thisArg])

其中，callback是一個函數，用來測試每個元素。它可以接受三個參數：currentValue(當前元素值)、index(當前元素的索引)、array(數組本身)。thisArg是可選參數，表示在callback函數中作為this引用的對象。

下面是一個使用some()方法的示例代碼：

const studentList = ['Tom', 'Lucy', 'Mary', 'John'];

const isLucyInList = studentList.some(function(element) {
  return element === 'Lucy';
});

if (isLucyInList) {
  console.log('學生列表中包含Lucy');
} else {
  console.log('學生列表中不包含Lucy');
}

輸出結果和上面使用includes()方法的示例相同。

四、使用filter()方法

如果我們需要獲得包含指定元素的所有元素，而不僅僅是判斷數組中是否包含指定元素的話，可以使用filter()方法。這個方法會遍歷整個數組，返回一個新的數組，包含所有符合條件的元素。 filter()方法的語法如下：

array.filter(callback[, thisArg])

其中，callback是一個函數，用來測試每個元素。它可以接受三個參數：currentValue(當前元素值)、index(當前元素的索引)、array(數組本身)。thisArg是可選參數，表示在callback函數中作為this引用的對象。

下面是一個使用filter()方法的示例代碼：

const studentList = ['Tom', 'Lucy', 'Mary', 'John', 'Lucy'];

const lucyList = studentList.filter(function(element) {
  return element === 'Lucy';
});

if (lucyList.length > 0) {
  console.log('學生列表中包含Lucy');
} else {
  console.log('學生列表中不包含Lucy');
}

輸出結果為：「學生列表中包含Lucy」。

五、使用indexOf()方法

indexOf()方法返回指定元素在數組中的位置，如果數組中不存在該元素，則返回-1。 indexOf()方法的語法如下：

array.indexOf(searchElement[, fromIndex])

其中，searchElement是要查找的元素，fromIndex是可選參數，指定開始查找元素的位置。如果省略fromIndex，則從數組的開頭開始查找。如果fromIndex為負數，則表示從數組末尾向前查找元素。

下面是一個使用indexOf()方法的示例代碼：

const studentList = ['Tom', 'Lucy', 'Mary', 'John'];

if (studentList.indexOf('Lucy') !== -1) {
  console.log('學生列表中包含Lucy');
} else {
  console.log('學生列表中不包含Lucy');
}

輸出結果和上面使用includes()方法的示例相同。

六、總結

本文介紹了使用JS判斷數組對象中是否包含指定值的四種方法：includes()、some()、filter()和indexOf()。每種方法都有自己的優缺點。需要根據實際情況選擇使用哪種方法。

通過本文，我們學習了一些JS數組的基礎用法。在平時編寫JS代碼時，熟練掌握這些方法對我們開發工作有很大的幫助。