How to manipulate this JSON using Javascript

Question

I am getting this response from an API:

{
  "statuses": {
    "status": [
      {
        "name": "Member", 
        "id": "1"
      }, 
      {
        "name": "Attender", 
        "id": "3"
      }, 
      {
        "name": "Child", 
        "id": "4"
      }
    ]
  }
}

But I need to somehow flatten the response to be this:

{
  "name": "Member", 
  "id": "1"
}, 
{
  "name": "Attender", 
  "id": "3"
}, 
{
  "name": "Child", 
  "id": "4"
}

How can I do that using Javascript?

isn't the status key has the same values in the array. Why don't you just do response.statuses.status where response is your variable name. — Mritunjay
– Mritunjay, Commented Jul 24, 2015 at 3:47
Yes, you just need to retrieve by using response.statuses.status. — tinlinnsoe
– tinlinnsoe, Commented Jul 24, 2015 at 3:54

JGV · Accepted Answer · 2015-07-24 03:50:09Z

3

var response = {
  "statuses": {
    "status": [
      {
        "name": "Member", 
        "id": "1"
      }, 
      {
        "name": "Attender", 
        "id": "3"
      }, 
      {
        "name": "Child", 
        "id": "4"
      }
    ]
  }
}

var statusObj = response.statuses.status;

$('#result').text('First name is: ' + statusObj[0].name)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<label id="result"/>

answered Jul 24, 2015 at 3:50

JGV

5,2079 gold badges57 silver badges101 bronze badges

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

Comments

seg-s · Accepted Answer · 2015-07-24 03:51:50Z

2

You can do JSON.parse(str) and then you you just take the data from status[x]

If you really want to keep it as a string you can do var content = str.match(/\[(.*?)\]/);

answered Jul 24, 2015 at 3:51

seg-s

553 bronze badges

Comments

tinlinnsoe · Accepted Answer · 2015-07-24 03:58:59Z

0

In fact, you just need to retrieve by response.statuses.status from your Javascript object.

But , If you needed to convert json to javascript object,
please use JSON.parse(your json response) method using JSON.js.

Download the JSON.js from https://github.com/douglascrockford/JSON-js

answered Jul 24, 2015 at 3:58

tinlinnsoe

1731 gold badge3 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to manipulate this JSON using Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related