JS常用函数:判断数组中是否包含某元素的8个方法!

151 阅读5分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第7天,点击查看活动详情

方法一:使用indexOf方法

定义: indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法:

stringObject.indexOf(searchvalue, fromindex)。

参数说明:

searchvalue:必需。规定需检索的字符串值。
fromindex:可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

注意: indexOf() 方法对大小写敏感;

如果要检索的字符串值没有出现,则该方法返回 -1。

说明: 该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

let arr = [1, 1, 3, 5, 1, true, undefined, NaN, null, true]
console.log(arr.indexOf(true)); // 5
console.log(arr.indexOf(2)); // -1

方法二:使用find方法

定义:

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数如果没有符合条件的元素返回 undefined。

语法:

array.find(function(currentValue, index, arr), thisValue)

参数说明:

function(currentValue, index, arr):必需。数组每个元素需要执行的函数。    
currentValue:必需。当前元素。    
index:可选。当前元素的索引值。    
arr:可选。当前元素所属的数组对象。
thisValue:可选。传递给函数的值一般用 “this” 值。如果这个参数为空,“undefined” 会传递给 “this” 值。

注意:

find() 对于空数组,函数是不会执行的。

find() 并没有改变数组的原始值。

let arr = [1, 3, 5, 7, 9, 10]
let result = arr.find(value => value === 7)console.log(result); // 7
let result1 = arr.find(value => value === 15)console.log(result1); // undefined
let result2 = arr.find(value => value > 7)console.log(result2); // 9

方法三:使用findIndex方法

定义:

findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。

findIndex() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数; 如果没有符合条件的元素返回 -1。

语法:

array.findIndex(function(currentValue, index, arr), thisValue)

参数说明:

function(currentValue, index, arr):必需。数组每个元素需要执行的函数。    
currentValue:必需。当前元素。    
index:可选。当前元素的索引值。    
arr:可选。当前元素所属的数组对象。
thisValue:可选。传递给函数的值一般用 “this” 值。如果这个参数为空,“undefined” 会传递给 “this” 值。

注意:

findIndex() 对于空数组,函数是不会执行的。

findIndex() 并没有改变数组的原始值。

let arr = [1, 2, 3, 5, 7, 5]
let result = arr.findIndex(value => value === 5)console.log(result) // 3
let result1 = arr.findIndex(value => value === 8)console.log(result1) // -1
let result2 = arr.findIndex(value => value > 3)console.log(result2) // 3

方法四:使用some方法

定义:

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回 true,剩余的元素不会再执行检测;如果没有满足条件的元素,则返回 false

语法:

array.some(function(currentValue, index, arr), thisValue)

参数说明:

function(currentValue, index, arr):必需。函数,数组中的每个元素都会执行这个函数。    

currentValue:必需。当前元素的值。    

index:可选。当前元素的索引值。    

arr:可选。当前元素所属的数组对象。

thisValue:可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。如果省略了 thisValue,“this” 的值为 “undefined”。

注意:

some() 不会对空数组进行检测。

some() 不会改变原始数组。

let arr = [1, 2, 3, 5, 7, 5]
let result = arr.some(value => value === 5)console.log(result) // true
let result1 = arr.some(value => value === 8)console.log(result1) // false
let result2 = arr.some(value => value > 3)console.log(result2) // true

方法五:使用filter方法

定义:

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

语法:

array.filter(function(currentValue, index, arr), thisValue)

参数说明:

function(currentValue, index, arr):必需。函数,数组中的每个元素都会执行这个函数。    
currentValue:必需。当前元素的值。    
index:可选。当前元素的索引值。    
arr:可选。当前元素所属的数组对象。
thisValue:可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。如果省略了 thisValue,“this” 的值为 “undefined”。

注意:

filter() 不会对空数组进行检测。filter() 不会改变原始数组。

filter() 的返回值,如果有符合条件的元素,则返回的数组包含了符合条件的所有元素;如果没有符合条件的元素,则返回空数组。

let arr = [1, 2, 3, 5, 7, 5]
let result = arr.filter(value => value === 5)console.log(result) // [5, 5]
let result1 = arr.filter(value => value === 8)console.log(result1) // []
let result2 = arr.filter(value => value > 3)console.log(result2) // [5, 7, 5]

方法六:使用includes方法

定义:

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则返回 false。

语法:

array.includes(searchElement, fromIndex)

参数说明:

searchElement:必需。需要查找的元素值。
fromIndex:可选。从该索引处开始查找 searchElement。
如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0

注意:

如果 fromIndex 大于等于数组长度,则返回 false。该数组不会被搜索。

如果 fromIndex 为负值,计算出的索引将作为开始搜索 searchElement的位置。如果计算出的索引小于 0,则整个数组都会被搜索。

let arr = [1, 2, 3, 5, 7]
let result = arr.includes(7)console.log(result) // true
// 1、如果 fromIndex 大于等于数组长度,则返回 falselet result1 = arr.includes(7, 5)console.log(result1) // false
let result2 = arr.includes(7100)console.log(result2) // false
// 2、如果 fromIndex 为负值,计算出的索引将作为开始搜索 searchElement 的位置。如果计算出的索引小于 0,则整个数组都会被搜索// 数组 arr 的长度为 5// fromIndex 是 -100// 计算出的索引是 5 + (-100) = -95 < 0,所以整个数组都会被搜索let result3 = arr.includes(5, -100)console.log(result3) // true
let result4 = arr.includes(7, -100)console.log(result4) // true

方法七:使用for方法

先用 for 方法遍历数组,再用 if 函数来判断数组是否包含某元素。

let arr = [1, 2, 3, 5, 7]

// for...if
for (let i = 0; i < arr.length; i++) {
  if (arr[i] === 3) {
    console.log('包含该元素');
  }
}

// for...of
for (item of arr) {
  if (item === 3) {
    console.log('包含该元素');
  }
}

方法八:使用forEach方法

let arr = [1, 2, 3, 5, 7]
arr.forEach(item => {
  if (item === 7) {
    console.log("包含该元素");
  }
})