相关文章推荐

vue js find object in array

在 Vue.js 中,可以使用 JavaScript 的 Array.find() 方法来查找数组中的对象。这个方法会返回第一个符合条件的数组元素,如果没有找到符合条件的元素,则返回 undefined。

举个例子,如果要在一个数组中查找 id 为 2 的对象,可以这样写:

const arr = [{id: 1, name: 'John'}, {id: 2, name: 'Mike'}, {id: 3, name: 'Sara'}];
const result = arr.find(item => item.id === 2);
console.log(result); // {id: 2, name: 'Mike'}

如果要在 vue 里面进行查找,那么可以在 computed 里面定义一个函数,来进行查找。

如果这个数组是data里面的属性,那么可以在computed里面进行查找,如:

computed: {
  findObj() {
    return this.arr.find(item => item.id === 2);

这样就能在组件里面通过访问findObj来获得所找到的对象。

  •  
    推荐文章