处理多维json数组

Question

How can I access the key and values of this object?

{
  "chat_data": {
    "nickname": "somevalue",
    "items": {
        "FncZ9Q": [{
            "key1": "value1",
            "key2": "value2",
            "key3": "value3",
            "key4": "value4",
            "key5": "value5"
        }, {
            "key1": "value1",
            "key2": "value2",
            "key3": "value3",
            "key4": "value4",
            "key5": "value5"
        }, {
            "key1": "value1",
            "key2": "value2",
            "key3": "value3",
            "key4": "value4",
            "key5": "value5"
        }],
        "GYDjsA": [{
            "key1": "value1",
            "key2": "value2",
            "key3": "value3",
            "key4": "value4",
            "key5": "value5"
        }, {
            "key1": "value1",
            "key2": "value2",
            "key3": "value3",
            "key4": "value4",
            "key5": "value5"
        }]
    }
  }
}

I tried some techniques but I don't know how I solve this issue by myself. Here is my ajax call where the data should be managed.

$.ajax({
    url: "/dataUrl",
    type: "post",
    cache: false,
    dataType: 'json',
    success: function (data) {
        for (var key in data.chat_data.items) {
            var obj = data.chat_data.items[key];
            $.each(data.chat_data.items, function (i, value) {
                console.log('Value of ' + i + ' is : ' + value);
            })
            // ...
        }
    }
});

I hope someone can help me out. Regards Sascha

Answer 1

Loop. Loop. And loop one more time.

 var data = JSON.parse('{"chat_data":{"nickname":"somevalue","items":{"FncZ9Q":[{"key1":"value1","key2":"value2","key3":"value3","key4":"value4","key5":"value5"},{"key1":"value1","key2":"value2","key3":"value3","key4":"value4","key5":"value5"},{"key1":"value1","key2":"value2","key3":"value3","key4":"value4","key5":"value5"}],"GYDjsA":[{"key1":"value1","key2":"value2","key3":"value3","key4":"value4","key5":"value5"},{"key1":"value1","key2":"value2","key3":"value3","key4":"value4","key5":"value5"}]}}}'); for (var key in data.chat_data.items) { var obj = data.chat_data.items[key]; log('Item "' + key + '":'); for (var index in obj) { var obj2 = obj[index], list = []; for (var prop in obj2) { list.push('"' + prop + '": "' + obj2[prop] + '"'); } log(' Object at index ' + index + '=> ' + list.join(', ')); } } function log(txt){ document.body.innerHTML += '<pre>' + txt + '</pre>'; } 

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

Answer 2

You have to use three nested loops, like that:

for (const i in data.chat_data.items) {
  for (const j of data.chat_data.items[i]) {
    for (const key in j) {
      const value = j[key]
      console.log(key, value)
    }
  }
}

Answer 3

have you tried underscorejs it is easy to install and use

_.allKeys(object)

Retrieve all the names of object's own and inherited properties.

hope it helps