JavaScript 获取对象在数组中的索引:findIndex 与 indexOf 用法详解

作者:小括号

时间:2026-10-25

浏览:95

本文介绍在 JavaScript 中获取对象在数组中索引的两种常用方法。针对对象数组,推荐使用 findIndex 方法通过条件判断定位首个匹配项;对于基础类型数组,可使用 indexOf 获取元素首次出现的下标。文章包含具体代码示例及参数说明,帮助开发者快速实现数组元素定位。

文章目录

获取对象在数组中的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);

以上为个人经验,希望能给大家一个参考,也希望大家多多支持本站。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章