Get array object with specific properties axios

Question

I am getting a JSON from an API call via axios and currently displaying the JSON using vue.

Here's my JSON Object from the console:

0:
  category_id: "categ1"
  item_name: "item1"
  price: 100
  stock: 155
1:
  category_id: "categ2"
  item_name: "item2"
  price: 100
  stock: 155
2:
  category_id: "categ1"
  item_name: "item3"
  price: 100
  stock: 155
3:
  category_id: "categ3"
  item_name: "item4"
  price: 100
  stock: 155

Here's my vue mounted function (i am using axios):

mounted () {    
  axios.get('link_for_api_endpoint', {  
    headers : { 
      Authorization: 'Bearer ' + access_token,
    },
    params: {
      limit: 250
    }
  })
    .then((response) => {
      this.data = response.data.items;
      //console.log(response);  
      $("#ldr").hide(); 
      removeLoader();   
    })  
    .catch(function (error) {
      console.log(error);   
    })  
    .then(function () { 

    }); 
}

What I want to do is I want to only get the data that has a category value "categ1" instead of the whole json object. How do i achieve this?

jquery? for what?

Ilijanovic
– Ilijanovic

2020-07-05 18:30:36 +00:00
Commented Jul 5, 2020 at 18:30 — Ilijanovic
– Ilijanovic, Commented Jul 5, 2020 at 18:30

Abito Prakash · Accepted Answer · 2020-07-05 18:32:12Z

3

You can use Array.prototype.filter in case the response is an array of objects.

const result = response.filter(item => item.category_id === 'categ1');

In the result array you will have objects with categ1 as categoryId

edited Jul 5, 2020 at 18:32

answered Jul 5, 2020 at 18:27

Abito Prakash

4,8002 gold badges16 silver badges28 bronze badges

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

2 Comments

Ilijanovic Over a year ago

you dont need to parse it axios doing it for you

Abito Prakash Over a year ago

Thanks for the catch, updated answer to use filter instead of find and removed JSON.parse

Collectives™ on Stack Overflow

Get array object with specific properties axios

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related