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 WeakMap的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
高阶函数：英文叫Higher-order function。JavaScript的函数其实都指向某个变量。下面这篇文章主要给大家介绍了关于JavaScript中高阶函数的魅力，文中通过示例代码介绍的非常详细，需要的朋友可以参考下2018-09-09
这篇文章主要介绍了如何利用js在两个html窗口间通信，如果读者们有类似的需求，可以参考下2021-04-04
这篇文章主要介绍了JavaScript宏任务和微任务区别介绍，js中的任务，大致分为2类，一类是同步任务，另一类是异步任务。而异步任务，又分为宏任务和微任务，这两个任务是两个队列，所以是先进先出的2022-07-07
这篇文章主要介绍了在Koa.js中实现文件上传的接口功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了js给网页加上背景音乐及选择音效的方法,涉及javascript操作音频的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了js图片查看器插件用法,结合实例形式分析了图片查看器插件viewer.js简单使用技巧,需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了js自定义input文件上传样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
这篇文章主要介绍了微信小程序开发之路由切换页面重定向问题，又通过实例代码给大家介绍了微信小程序的路由跳转方法,需要的朋友可以参考下2018-09-09
这篇文章主要为大家详细介绍了基于JavaScript实现购物车功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论