javascript - 在vuejs中过滤const数据

Question

我有一个包含广告组数据的 vue 应用。

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

但我只需要显示supervisor = true的数据。

我尝试用下面的代码过滤它，但没有成功。

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

有人可以分享任何引用资料供我引用这个过滤功能吗，因为我是 vue js 的新手。或者任何人都可以分享他们的知识。因为实际上我有来自 api 的数据，需要在某种条件下显示。

我尝试使用url/api/items?supervisor=true，然后我被告知该API不支持这种方式，所以我需要在javascript中创建一个过滤函数从 API 检索的数据。我在这个问题中使用上面的 const data =[{...,...}] 以便更容易理解。

Answer 1

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

完整的工作示例，因为您的数据也缺少逗号，所以不工作部分可以来自那里:

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);