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

1.indexOf方法

let arr = [2,3,4];

let res = arr.indexOf(2) // 验证是否包含：2
console.log(res) // 结果：0

let res2 = arr.indexOf(3) // 验证是否包含：3
console.log(res2) // 结果：1

let res3 = arr.indexOf(4) // 验证是否包含：4
console.log(res3) // 结果：2

let res4 = arr.indexOf(5) // 验证是否包含：5
console.log(res4) // 结果：-1

// 由此我们发现，indexOf 返回的是数组的下标，当没有包含时返回的是 -1
// 我们就可以通过这样的方式判断是否存在，判断结果是否大于 -1，大于则包含，不大于则不包含
let has = (arr.indexOf(5) > -1)
console.log(has) // 结果：false

2.find函数

let arr = [2,3,4];
// find函数会循环遍历，整个数组
arr.find(function(value,index,arr){
	console.log(value) // 结果：2 3 4
	console.log(index) // 结果：0 1 2
	console.log(arr) // 结果：[2, 3, 4]
})

let find = arr.find(function(value,index,arr){
  return value === 2
})
console.log(find) // 结果：2

let find2 = arr.find(function(value,index,arr){
  return value === 5
})
console.log(find2) // 结果：undefined

let find3 = arr.find(function(value, index, arr) {
return value > 2;
})
console.log(find3) // 结果：3

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

3.findIndex函数

let arr = [2,3,4];

let findIndex = arr.findIndex(function(value,index,arr){
  console.log(value) // 结果：2 3 4
  console.log(index) // 结果：0 1 2
  console.log(arr) // 结果：[2, 3, 4]
})
console.log(findIndex) // 结果：-1

let findIndex1 = arr.findIndex(function(value){
  return value === 2
})
console.log(findIndex1) // 结果：0

let findIndex2 = arr.findIndex(function(value){
  return value === 3
})
console.log(findIndex2) // 结果：1

let findIndex4 = arr.findIndex(function(value){
  return value === 5
})
console.log(findIndex4) // 结果：-1

// 由此发现findIndex返回的 数组的index，不包含返回-1