javascript - 如何使用 Vue.js 将数据存储在数组中？

Question

我需要将来自 api 的数据存储在变量中。仅包含“true”的数据。我在下面给出了 API 输出。

API输出数据

     {
      "BNG-JAY-137-003": false,
       "BNG-JAY-137-004": true, 
        "BNG-JAY-137-005": false 
       }

下面是我的功能。在这里，我只需要存储变量中正确的数据。这里 selected_data 是一个包含 API 数据的变量。

    on(){
    for(let key in this.selected_data) {
        if(this.selected_data[key]) {
       // here I need to store data which is true in an array.
       }
      }
     }

Answer 1

有多种方法可以做到这一点。一种是使用 Object.keys 和 filter:

const selected_data = this.selected_data
const array = Object.keys(selected_data).filter(key => selected_data[key])

更接近原始代码的是将键推到数组上:

const selected_data = this.selected_data
const array = []

for (const key in selected_data) {
  if (selected_data[key]) {
    array.push(key)
  }
}

从 Vue 的 Angular 来看，这可能会被实现为计算属性，并在最后返回相关数组。或者，它可以存储在 data 属性中，在方法末尾使用与 this.propertyName = array 等效的内容。