JavaScript查找对象数组中某个元素的下标

最新推荐文章于 2025-04-10 02:52:32 发布

Lin_Dan_Dan

最新推荐文章于 2025-04-10 02:52:32 发布

阅读量4.2w

点赞数 22

分类专栏： web前端 js

本文链接：https://blog.youkuaiyun.com/u010176097/article/details/96486484

版权

web前端同时被 2 个专栏收录

57 篇文章

订阅专栏

25 篇文章

订阅专栏

本文介绍了一种使用JavaScript的findIndex方法来查找对象数组中特定元素下标的高效方式，并通过两个实例展示了其用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于JS的数组操作，有很多熟知的方法，比如，forEach, map, filter 等等。但是对于“查找对象数组中某个元素下标”这个需求，今天get了一个新的写法。

下面举两个例子：

var array = [1,2,3,'4'];

var indexOf4 = (array || []).findIndex((item) => item === '4');

console.log(indexOf4); // 3

var profiles= [
    {
      id: 'id123',
      name: "lin",
      age: 23
    },
    {
      id: 'id456',
      name: "lin2",
      age: 12
    },
    {
      id: 'id678',
      name: "lin3",
      age: 13
    }
];

var currentProfile = {
      id: 'id456',
      name: "lin2",
      age: 12
}; 

var currentProfileIndex = (profiles|| []).findIndex((profile) => profile.id === currentProfile .id);

console.log(currentProfileIndex );

findIndex这个方法对于当前的这种需求再适合不过，以后再也不用傻傻的写遍历函数啦。