js 判断数组中是否包含某元素的方法

简述 js判断数组中是否包含某元素的方法

1.array.indexOf(item,start)：元素在数组中的位置,如果没与搜索到则返回 -1

参数	描述
item	必须。查找的元素。
start	可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。 如省略该参数，则将从字符串的首字符开始检索。

实际用法：if(arr.indexOf(某元素) > -1){ // 则包含该元素}

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple"); // 2
//以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
var a = fruits.indexOf("Apple",4); //6
//以上输出结果意味在数组的第四个位置开始检索：

注：string.indexOf()返回某个指定的字符串值在字符串中首次出现的位置。

1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。
2. stringObject 中的字符位置是从 0 开始的。
3. 查找字符串最后出现的位置，使用 lastIndexOf() 方法。

2.array.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数，所有数组元素依次遍历该回调函数，直到找出第一个返回值为true的元素，然后返回该元素，否则返回undefined。

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行：

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

注意: find() 对于空数组，函数是不会执行的。
注意: find() 并没有改变数组的原始值。

[1, 5, 10, 15].find(function(value, index, arr) {
	return value > 9;
})

// 10

//实际用法：

arr.find(function(value) {
  if(value === 要查找的值) {
    //则包含该元素
  }
})

3.array.findIndex()

array.findIndex() 和 array.find() 十分类似，返回第一个符合条件的数组元素的位置，如果所有元素都不符合条件，则返回-1。

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

注意: findIndex() 对于空数组，函数是不会执行的。
注意: findIndex() 并没有改变数组的原始值

var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    return age >= 18;
}
 
function myFunction() {
    console.log(ages.findIndex(checkAdult)) ;
}
myFunction()

//2

方法二和方法三，这两个方法都可以发现NaN，弥补了方法一IndexOf()的不足。

4.for()循环

遍历数组，然后 if 判断

var arr = [1, 5, 10, 15];
//传统for
for(let i=0; i<arr.length; i++) {
  if(arr[i] === 查找值) {
    //则包含该元素
  }
}
// for...of
for(v of arr) {
  if(v === 查找值) {
  	//则包含该元素
  }
}
//forEach
arr.forEach(v=>{
  if(v === 查找值) {
  	//则包含该元素
  }
})