如何使用键值对将嵌套的JSON数据结构展平为对象

Question

The strings that are coming from source is coming in fragmented JSON object in JSON object.I want to convert this JSON structure to flat JSON structure

{
    "nest": {
        "a": {
            "b": {
                "h": {
                    "i": {
                        "all.css": "1",
                        "j": {
                            "k": {
                                "l": {
                                    "lr.png": "2",
                                    "c.png": "3"
                                },
                                ".png": "4"
                            }
                        }
                    }
                }
            }
        }
    }
}

I tried to do it but I could only get up to 1 key value pair, what i want is {"abhiall.css":"1","abhijkllr.png":"2","abhijklc.png":"3" ..and so on. Thanks

Answer 1

You could use an iterative and recursive approach for nested objects.

 function flatten(object, target, path) { path = path || ''; Object.keys(object).forEach(function (key) { if (object[key] && typeof object[key] === 'object') { flatten(object[key], target, path + key); return; } target[path + key] = object[key]; }); } var data = { nest: { a: { b: { h: { i: { "all.css": "1", j: { k: { l: { "lr.png": "2", "c.png": "3" }, ".png": "4" } } } } } } } }, flat = {}; flatten(data.nest, flat); console.log(flat); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 2

You can user recursive function to return desired result.

 var obj = {"nest":{"a":{"b":{"h":{"i":{"all.css":"1","j":{"k":{"l":{"lr.png":"2","c.png":"3"},".png":"4"}}}}}}}} function flat(data, c) { var result = {} for(var i in data) { if(typeof data[i] == 'string') result[c + i] = data[i] if(typeof data[i] == 'object') result = Object.assign(result, flat(data[i], c+= i)) } return result } console.log(flat(obj.nest, '')) 

Answer 3

For array of objects I did the following Note : make sure the Objects Array passed in is n>0 at least

flatten(objects, target, path) {
let me = this;    
let retArray = [];
for(let x=0; x < objects.length; x++) {

  let object = objects[x];
  path = path || '';
  target={};

  target = me.flattenHelper(object, target, path);

  retArray.push(target);
}
return retArray;}

..

flattenHelper(object, target, path){
let me = this;
Object.keys(object).forEach(function (key) {
  console.log("key : "+ key + " : object : " +  (object[key] && typeof object[key] === 'object') + " path : " + path);
  if (object[key] && typeof object[key] === 'object') {
      me.flattenHelper(object[key], target, path + key);
  }
  target[path + key] = object[key];
  console.log(target);
});
return target;}

Answer 4

Using this function:

 const flattenObject = (obj, prefix = '') => Object.keys(obj).reduce((acc, k) => { const pre = prefix.length ? prefix : ''; if (typeof obj[k] === 'object') Object.assign(acc, flattenObject(obj[k], pre + k)); else acc[pre + k] = obj[k]; return acc; }, {}); console.log(flattenObject({"nest": {"a": {"b": {"h": {"i":{"all.css":"1","j": {"k": {"l": {"lr.png": "2","c.png": "3"},".png": "4"}}}}}}}})); 

 .as-console {background-color:black !important; color:lime;} .as-console-wrapper {max-height:100% !important; top:0;}