前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js判断元素在不在数组中_js判断数组是否为空

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

作者头像
全栈程序员站长
发布2022-09-27 10:01:11
15.9K0
发布2022-09-27 10:01:11
举报
文章被收录于专栏:全栈程序员必看

1.indexOf方法

代码语言:javascript
复制
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函数

代码语言:javascript
复制
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函数

代码语言:javascript
复制
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

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/180608.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.indexOf方法
  • 2.find函数
  • 3.findIndex函数
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档