在 vuejs 中过滤 const 数据

Question

i have a vue app with ad group of data.

const data = [
 {
   name: 'value1',
   id: 'id1',
   supervisor: true,
 },
 {
  name: 'value2'
  id: 'id2',
  supervisor: false,
 }
]

but i just need to display data for supervisor = true only.

i'd tried to filter it with belows code but it did not work.

const test = data.filter(data => data.supervisor = true);
console.log(test);

can somenone share any reference for me to refer for this filtering function as i new in vue js. or anyone can share their knowledge. because actually i have the data from api which need to be display with some sort of condition.

i have tried using url/api/items?supervisor=true and then i was inform that the API did no support for that kind of way so i need to create a filter function in javascript from data that retrieve from APIs. i'm using above const data =[{...,...}] in this question for it easier to understand.

Answer 1

You should use const test = data.filter(data => data.supervisor); instead of > true

Answer 2

const test = data.filter(data => data.supervisor === true);

Full working example, since your data was also missing a comma, so the not working part can be from there:

const data = [
 {
   name: 'value1',
   id: 'id1',
   supervisor: true,
 },
 {
  name: 'value2',
  id: 'id2',
  supervisor: false,
 }
];
const test = data.filter(data => data.supervisor === true);
console.log(test);