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);

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

相关文章

  • 微信小程序实现禁止分享代码实例

    微信小程序实现禁止分享代码实例

    这篇文章主要介绍了微信小程序实现禁止分享代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • Bootstrap实现省市区三级联动(亲测可用)

    Bootstrap实现省市区三级联动(亲测可用)

    这篇文章主要为大家详细介绍了Bootstrap实现省市区三级联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • js自定义弹框插件的封装

    js自定义弹框插件的封装

    这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装,自己封装一个弹框插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JavaScript实现单击下拉框选择直接跳转页面的方法

    JavaScript实现单击下拉框选择直接跳转页面的方法

    这篇文章主要介绍了JavaScript实现单击下拉框选择直接跳转页面的方法,涉及javascript控制页面跳转的相关技巧,需要的朋友可以参考下
    2015-07-07
  • JavaScript中获取DOM元素的方法小结

    JavaScript中获取DOM元素的方法小结

    这篇文章主要为大家详细介绍了JavaScript中获取DOM元素的各种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-10-10
  • JavaScript循环遍历的24个方法,你都知道吗

    JavaScript循环遍历的24个方法,你都知道吗

    这篇文章主要给大家介绍了关于JavaScript循环遍历的24个方法,文中对每种方法都给出了详细的实例代码,方便大家理解学习,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2021-09-09
  • JS中移除非数字最多保留一位小数

    JS中移除非数字最多保留一位小数

    这篇文章主要介绍了JS中移除非数字最多保留一位小数的实现代码,文章给大家提到了js处理数字保留2位小数,强制保留2位小数不够补上.00的完整代码,感兴趣的朋友一起看看吧
    2018-05-05
  • js实现前端分页页码管理

    js实现前端分页页码管理

    本文主要介绍了js实现前端分页页码管理的具体方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • javascript怎么禁用浏览器后退按钮

    javascript怎么禁用浏览器后退按钮

    这篇文章主要介绍了javascript禁用浏览器后退按钮的具体实现,有需要的朋友可以参考下
    2014-03-03
  • CocosCreator入门教程之网络通信

    CocosCreator入门教程之网络通信

    这篇文章主要介绍了CocosCreator的网络通信,内容不多,涉及到的细节,读者可以根据实际情况,自己去延申
    2021-04-04

最新评论