javascript中对象数组操作笔记

海纳老吴

于 2023-04-24 11:48:20 发布

阅读量179

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： javascript 数组 js 对象数组

本文链接：https://blog.youkuaiyun.com/sensor_WU/article/details/130339533

Vue 专栏收录该内容

22 篇文章

订阅专栏

这篇文章介绍了在JavaScript中如何使用find和findIndex方法查找特定对象，以及如何通过splice删除和push添加数组元素。重点是查找‘系统管理’对象并处理其在数组中的位置。

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

对于js中的数组操作中，有时候需要查找获取到的某个对象，有时候需要获取到某个特定对象在数组中的索引号。特记录如下：

let panels = reactive([{
        title: '首页',
        closable: false,
        iconCls : 'icon-man',
    },
    {
        title: '系统管理',
        closable: true,
        iconCls : 'icon-man',
    }
   ])

   //查找 【系统管理】这个对象
   let Panel = panels.find(x => x.title == '系统管理');
   //查找 【系统管理】这个对象在数组中的而索引号
   let index = panels.findIndex(x => x.title === '系统管理')
   //删除 【系统管理】这个对象
   panels.splice(panels.indexOf(Panel ), 1) 
   //增加一个 数组元数 
   panels.push({
        title: "Tab",
        closable: true,
        iconCls: 'icon-man'
      })

以上代码使用时需要判断是否已经真正找到，然后在进行后续处理！