Filtering an array of objects Vue

Question

I have an array of objects and Im trying to filter by matching ids
//Vehicle is added to quote
function filterByID(item) {
    return item.id === 1;
}
this.vehicle = this.data.filter(filterByID);

data is as follows:
data: [
    0: {
     id: 0,
     name: name
   },
   1: {
     id: 1,
     name: name
   },
   2: {
     id: 2,
     name: name
   }
]

Im getting an empty error when I check the vehicle part

Luke Storry · Answer

You don't always need to define a separate function, you can use an arrow function, as below.


const data = [{
    id: 0,
    name: name
  },
  {
    id: 1,
    name: name
  },
  {
    id: 2,
    name: name
  }
]

const vehicle = data.filter(item => item.id === 1);

console.log(vehicle);

This works fine in pure JS, it looks like it might be an issue with the lifecycle or state of your application. Use console.log to make sure that this.data is what you expect it to be

Eldynn · Answer

Are you using it like this:


const data = [
  {
    id: 0,
    name: '',
  },
  {
    id: 1,
    name: '',
  },
  {
    id: 2,
    name: '',
  },
];

function filterByID(item) {
  return item.id === 1;
}

console.log(data.filter(filterByID)); // output: [{ "id": 1, "name": "" }]

Filtering an array of objects Vue

2 Answers

Add your own answers!

Ask a Question