accessing nested array key,value from json in javascript

Question

I am new in javascript. It may be a basic thing but I am stuck with it. here is my json:

{
    "statusCode": 200,
    "status": "success",
    "data": [
        [
            {
                "city": "Alexandria",
                "country": "Egypt",

            },
            {
                "city": "Alexandria",
                "country": "Egypt",

            },]]

I want to access this:

0: {city: "Alexandria", country: "Egypt"}
1: {city: "Antalya", country: "Turkey"}

I tried this code :

getData = function (data) {
    keys = Object.keys(data[0]);
    data = [];
    keys.forEach(function (key) {
        data.push(key);
    });
    return data;
}

which returns this:

0: "0"
1: "1"
2: "2"
3: "3"
4: "4"
5: "5"
6: "6

please help me!

What do you used to get the data like this http, jquery ajax please be more clear so we can help you — user4851087
– user4851087, Commented Apr 26, 2019 at 4:04
@YosvelQuintero 0: {city: "Alexandria", country: "Egypt"} 1: {city: "Antalya", country: "Turkey"} — Nibha Jain
– Nibha Jain, Commented Apr 26, 2019 at 4:10

Yosvel Quintero · Accepted Answer · 2022-04-17 04:49:21Z

2

You can use Destructuring assignment to get first element of response's data array as result:

const response = {
  "statusCode": 200,
  "status": "success",
  "data": [
    [{
        "city": "Alexandria",
        "country": "Egypt",

      },
      {
        "city": "Alexandria",
        "country": "Egypt",

      },
    ]
  ]
}
const getData = ({ data: [result] = [[]] }) => result

console.log(getData(response))

edited Apr 17, 2022 at 4:49

answered Apr 26, 2019 at 4:17

Yosvel Quintero

19.1k5 gold badges39 silver badges47 bronze badges

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

Comments

Nikhil Unni · Accepted Answer · 2019-04-26 04:15:19Z

1

getData = function(data){
    arr = data.data[0];
    new_data = []
    for(var item in arr){
        new_data.push(arr[item])
    }
}

Hope this will help you.

answered Apr 26, 2019 at 4:15

Nikhil Unni

7695 silver badges13 bronze badges

Comments

tam.dangc · Accepted Answer · 2019-04-26 04:23:35Z

1

First, your data[0] is an array, then Object.keys(array) will return an array of index of that array. Ex:

array= [{x: 1}, {x: 2}, {x: 3}]
Object.keys(array) // ['0', '1', '2']

So what you pushed to the return array are just the index like what you showed.

Second, you should use the different variable name to avoid misunderstanding. In this case, is data variable.

I updated the function

const object = {"statusCode": 200,"status": "success","data": [[{"city": "Alexandria","country": "Egypt",},{"city": "Alexandria","country": "Egypt",},]]}

getData = function (arr) {
  data = []
  arr[0].forEach(function (key) {
    data.push(key);
  });
  return data
}

console.log(getData(object.data))

edited Apr 26, 2019 at 4:23

answered Apr 26, 2019 at 4:17

tam.dangc

2,0621 gold badge20 silver badges36 bronze badges

Comments

Ori Drori · Accepted Answer · 2019-04-26 06:03:33Z

0

You can use destructuring to extract the data from the object and the array:

const getData = ({ data: [data] = [] } = {}) => data;

const response = {"statusCode":200,"status":"success","data":[[{"city":"Alexandria","country":"Egypt"},{"city":"Alexandria","country":"Egypt"}]]};

console.log(getData(response));

edited Apr 26, 2019 at 6:03

answered Apr 26, 2019 at 5:17

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

2 Comments

Nibha Jain Over a year ago

Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))

Ori Drori Over a year ago

Your responseData is undefined or null or your trying to handle the responseData outside of the async all. I've added default values to prevent errors, but you should why the responseData is undefined, or the data inside it is.

Collectives™ on Stack Overflow

accessing nested array key,value from json in javascript

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related