js如何获取对象在数组中的index
更新时间：2022年09月01日 14:34:11 作者：邱六崇
这篇文章主要介绍了js如何获取对象在数组中的index，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
获取对象在数组中的index
需求：数组中的元素是对象，需要获取对象在数组中的index
方法：使用findIndex方法
原数据：
const array = [
{
id:1,
name:'张xx'
}，
{
id:2,
name:'王xx'
}
]方法：
const index = array.findIndex(function(val){
return val.id === 1
})
// 如果有多个满足，返回第一个的index
console.log(index) // 0数组的indexOf()方法
var arr = [10, 20, 30, 40, 50, 20, 56, 34, 20];
// var ret = arr.reverse(); // 数组的倒置， 数组名.reverse()
// console.log(ret);
//查找某个元素是不是在数组中
// 数组名.includes(元素) 。这个方法的返回值是 布尔值 false 或者 true
/* var ret = arr.includes(40); // 数组名.includes(元素)
console.log(ret); */
// 获取某个元素第一次出现在数组中时的 下标即索引
// 数组名.indexOf(); 返回值是数组的下标；如果不在 就返回 -1
var ret = arr.indexOf(20);
console.log(ret);
var ret1 = arr.indexOf(20, 5); // 第二个参数表示从哪个下标 开始，查找，包含此下标元素
console.log(ret1);以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要是对javascript(js)中的小数点乘法除法问题进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
这篇文章主要介绍了快速使用Bootstrap搭建传送带的相关资料,非常具有参考借鉴价值，需要的朋友可以参考下2016-05-05
这篇文章主要介绍了wx-charts 微信小程序图表插件的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要为大家详细介绍了图片文字识别（OCR）插件Ocrad.js教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
javascript设计模式 – 建造者模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 建造者模式,结合实例形式分析了javascript建造者模式相关概念、原理、应用场景及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了微信小程序中视频的显示与隐藏,思路大概是定义一个标记变量，控制视频的播放与暂停，本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-10-10
Iview DatePicker 限制选择当前月份及以后的月份
文章介绍了如何使用iviewDatePicker组件限制用户只能选择当前月份及以后的月份,并提供了相关的html代码和js代码示例,感兴趣的朋友跟随小编一起看看吧2024-11-11
这篇文章主要介绍了微信小程序实现多行文字滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
这篇文章主要介绍了promise封装wx.request的方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-05-05
这篇文章主要介绍了微信小程序本地存储增加有效期的方法,这里通过一个简单示例,展示如何设置有效期为1小时的本地存储,首先将storage.js引入到app.js中,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2024-07-07
最新评论