vue如何查找数组中符合条件的对象

更新时间：2022年09月01日 11:06:38 作者：LEON劉先森

这篇文章主要介绍了vue如何查找数组中符合条件的对象，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

查找数组中符合条件的对象

let val = 1;
let list = [
    {id:1,name:'张三'},
    {id:2,name:'李四'},
    {id:3,name:'王五'},
];
 
let arr = list.filter((i) => {
  return val == i.id;
});

根据id找出数组里的对象

 dsChange(id){
      let selectedName = {};
      selectedName = this.dsOptions.find((item)=>{
        return item.dsid === id;
        //筛选出匹配数据，是对应数据的整个对象
      });
      this.formModel.ds = selectedName.ds
      this.formModel.dsid = selectedName.dsid
 
    },

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

您可能感兴趣的文章:

在vue中封装方法以及多处引用该方法详解
这篇文章主要介绍了在vue中封装方法以及多处引用该方法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
解决vue无法侦听数组及对象属性的变化问题
这篇文章主要介绍了解决vue无法侦听数组及对象属性的变化问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
Vue+Element-ui日历排班自定义实例代码
这篇文章主要给大家介绍了关于Vue+Element-ui日历排班自定义的相关资料,有现成的日历插件但是不符合需求,所以项目中使用vue+element的表格组件自己实现一个日历组件,需要的朋友可以参考下
2023-09-09
详解uniapp的生命周期
这篇文章主要介绍了uniapp的生命周期,应用生命周期是指应用程序从启动到关闭的整个过程，包括应用程序的启动、前后台切换、退出等,需要的朋友可以参考下
2023-04-04
Vue的route-view子页面调用父页面的函数详解
这篇文章主要介绍了Vue的route-view子页面调用父页面的函数详解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-07-07
vue如何解决循环引用组件报错的问题
这篇文章主要介绍了vue如何解决循环引用组件报错的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
Vue中在新窗口打开页面及Vue-router的使用
这篇文章主要介绍了Vue中在新窗口打开页面及 Vue-router的使用,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-06-06
vue动态菜单、动态路由加载以及刷新踩坑实战
这篇文章主要给大家介绍了关于vue动态菜单、动态路由加载以及刷新踩坑的相关资料,踩的这些坑其实是挺常见的,大家可以看看,避免遇到的时候再踩到同样的坑,需要的朋友可以参考下
2021-10-10
vue3组件中v-model的使用以及深入讲解
在vue2中v-model使用的还是挺多的,不过这个指令一般是用在了输入框中,并且这个指令其实就是个语法糖,下面这篇文章主要给大家介绍了关于vue3组件中v-model的使用以及深入讲解的相关资料,需要的朋友可以参考下
2021-09-09
详解mpvue中使用vant时需要注意的onChange事件的坑
这篇文章主要介绍了详解mpvue中使用vant时需要注意的onChange事件的坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-05-05