js数组包含|极客笔记

js数组包含

在JavaScript中，数组是一种用于存储多个值的数据结构。有时候我们需要检查一个数组是否包含某个特定的元素，这种情况下就会用到数组的包含操作。

includes方法

JavaScript中提供了一个includes方法，用来检查一个数组是否包含指定的元素。该方法会返回一个布尔值，表示数组是否包含目标元素。

语法如下：

array.includes(element, fromIndex)

element: 要查找的元素
fromIndex (可选): 开始查找的位置，默认为0

示例代码：

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

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

在上面的示例中，我们定义一个包含整数的数组numbers，然后使用includes方法来查找数组中是否包含3和6。最终输出的结果分别为true和false。

indexOf方法

除了includes方法外，JavaScript中还提供了indexOf方法来查找数组中指定元素的位置。不同之处在于indexOf方法返回元素的索引位置，如果未找到则返回-1。

语法如下：

array.indexOf(element, fromIndex)

element: 要查找的元素
fromIndex (可选): 开始查找的位置，默认为0

示例代码：

const colors = ['red', 'green', 'blue', 'yellow', 'red'];

console.log(colors.indexOf('blue')); // 2
console.log(colors.indexOf('black')); // -1

在上面的示例中，我们定义一个包含颜色的数组colors，然后使用indexOf方法来查找数组中blue和black的位置。最终输出的结果分别为2和-1。

includes方法与indexOf方法的区别

includes方法用来检查数组是否包含指定元素，返回布尔值；indexOf方法用来查找元素的位置，返回索引值或-1。
includes方法更简洁明了，适合简单的包含检查；indexOf方法灵活性更强，可以获取元素的具体位置。

自定义包含函数

除了使用内置的includes和indexOf方法，我们还可以自定义一个函数来实现数组包含的功能。

示例代码：

function customIncludes(array, element) {
  for (let i = 0; i < array.length; i++) {
    if (array[i] === element) {
      return true;
    }
  }
  return false;
}

const animals = ['dog', 'cat', 'rabbit', 'monkey'];

console.log(customIncludes(animals, 'cat')); // true
console.log(customIncludes(animals, 'lion')); // false

在上面的示例中，我们定义了一个名为customIncludes的函数，接受一个数组和要查找的元素作为参数。函数通过遍历数组来逐个比较元素，如果找到目标元素则返回true，否则返回false。