How to store data in an array using Vue.js?

Question

I need to store data coming from an api in a variable. Only data that contains "true". I have given the API output below.

API Output Data

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

Below is my function. In this I need to store only data which is true in a variable. Here selected_data is a variable which contains API data.

    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.
       }
      }
     }

skirtle · Accepted Answer · 2019-10-16 16:10:12Z

1

There are several ways to do this. One would be to use Object.keys and filter:

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

Closer to your original code would be to just push the keys onto an array:

const selected_data = this.selected_data
const array = []

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

From a Vue perspective this would probably be implemented as a computed property, returning the relevant array at the end. Alternatively it might be stored in a data property, using something equivalent to this.propertyName = array at the end of the method.

answered Oct 16, 2019 at 16:10

skirtle

29.3k4 gold badges49 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ayrton · Accepted Answer · 2019-10-16 16:23:27Z

1

You could use a computed property:

computed: {
    valid_selected_data: function() {
        return Object.keys(this.selected_data).reduce((acc, key) => {
            if(this.selected_data[key]) {
                acc[key] = this.selected_data[key];
            }

            return acc;
        }, {});
    }
}

That code will create another object which holds the same items of your selected_data object, but only the true ones.

If you want just an array with the true keys, then try this:

computed: {
    valid_selected_data: function() {
        return Object.keys(this.selected_data).filter((key) => this.selected_data[key]);
    }
}

edited Oct 16, 2019 at 16:23

answered Oct 16, 2019 at 16:16

Ayrton

2,3131 gold badge16 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to store data in an array using Vue.js?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related