JSON parsing in React Native to get Array of String

Question

In react native in the following JSON I need to get an array of string ["abc description", "def description", "ghi description" and so on] for value of DataHolder. There could be n number of dictionary in DataHolder

{
  "StatusCode": 200,
  "Description": "Description",
  "Message": "Success",
  "Response": {
    "Data": {
      "DataHolder": [
        {
          "abc": "abc description"
        },
        {
          "def": "def description"
        },
        {
          "ghi": "ghi description"
        }
      ]
    }
  }
}

I am new in react-native any help will be appreciated.

wdm · Accepted Answer · 2019-03-28 18:40:44Z

2

Sounds like you would just like to restructure the data from an API response. Here is one solution:

const data = {
    ...
    "Response": {
        "Data": {
            "DataHolder": [
                {
                    "abc": "abc description"
                },
                {
                    "def": "def description"
                },
                {
                    "ghi": "ghi description"
                }
            ]
        }
    }
};
const descriptions = data.Response.Data.DataHolder.map(item => Object.values(item)[0]);

// ["abc description", "def description", "ghi description"]

answered Mar 28, 2019 at 18:40

wdm

7,1891 gold badge31 silver badges31 bronze badges

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

Comments

Muhammad Iqbal · Accepted Answer · 2019-03-28 18:50:12Z

0

One solution would be using JSON library

 const tempJSON = {
      "StatusCode": 200,
      "Description": "Description",
      "Message": "Success",
      "Response": {
        "Data": {
          "DataHolder": [
            {
              "abc": "abc description"
            },
            {
              "def": "def description"
            },
            {
              "ghi": "ghi description"
            }
          ]
        }
      }
    }

    let resultJSON = JSON.stringify(tempJSON)
    resultJSON = JSON.parse(resultJSON)

    console.log(resultJSON.Response.Data.DataHolder)

log result

(3) [{…}, {…}, {…}]
0: {abc: "abc description"}
1: {def: "def description"}
2: {ghi: "ghi description"}

answered Mar 28, 2019 at 18:50

Muhammad Iqbal

1,5151 gold badge17 silver badges36 bronze badges

Collectives™ on Stack Overflow

JSON parsing in React Native to get Array of String

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