js判断元素在不在数组中_js判断数组是否为空

全栈程序员-用户IM • 2022年8月30日下午11:36 • 未分类

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

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