3
votes

Créer un objet de manière récursive à partir de JSON

J'ai besoin de créer un objet à partir d'un fichier JSON. Le fichier Json d'entrée ressemble à ceci.

[  
   { "title":"Record : 1" },
   {  
      "title":"RecordValues",
      "children":[  
         { "title":"Address : 3330 Bay Rd." },
         { "title":"City : Los Angeles" },
         {  
            "title":"SecondObject",
            "children":[  
               { "title":"1 : eins" },
               { "title":"2 : zwei" }
            ]
         }
      ]
   }
]

Ce que j'ai jusqu'à présent, c'est cette fonction.

var test = [];
function recFunc(obj, parent_id = null) {

    for(var i in obj) {
        if(typeof obj[i] == "object" && obj[i] !== null) {
            test.push({title: i, children: []});
            recFunc(obj[i], (test.length-1));
        }else {
            if(parent_id != null) {
                test[parent_id].children.push({title: (i + " : " + obj[i])});
            }else {
                test.push({title: (i + " : " + obj[i])});
            }
        }
    }
    return test;
}

L'objet de sortie doit être comme suit.

{  
   "test":{
      "Record":1,
      "RecordValues":{  
         "Address":"3330 Bay Rd.",
         "City":"Los Angeles",
         "SecondObject":{  
            "1":"eins",
            "2":"zwei"
         }
      }
   }
}

javascript jquery json arrays recursion

2 commentaires

Cet objet cible ressemble à une très mauvaise conception. Pouvez-vous expliquer pourquoi vous en avez besoin?

@trincot l'objet cible est nécessaire pour le plugin javascript fancytree

3 Réponses :

1
votes

Voici une approche possible, itérant récursivement sur les Object.entries:

const input = {
  "test": {
    "Record": 1,
    "RecordValues": {
      "Address": "3330 Bay Rd.",
      "City": "Los Angeles",
      "SecondObject": {
        "1": "eins",
        "2": "zwei"
      }
    }
  }
};

const makeNested = (currInput) => {
  return Object.entries(currInput).map(([key, val]) => (
      typeof val !== 'object'
      ? { title: `${key} : ${val}` }
      : {
          title: key,
          children: makeNested(val)
        }
  ))
};
console.log(makeNested(input.test));

1 commentaires

J'essaierai ça quand je rentrerai à la maison. Merci beaucoup :)

1
votes

Vous pouvez utiliser Object .entries () et appelle récursivement la fonction si la valeur imbriquée est un objet:

(Le Object (value) === value vérifie si le value est un objet qui n'est pas null)

const obj = {test:{Record:1,RecordValues:{Address:"3330 Bay Rd.",City:"Los Angeles",SecondObject:{1:"eins",2:"zwei"}}}};

function transform(obj) {
  return Object.entries(obj).map(([key, value]) => {
    if(Object(value) === value)
      return { title: key, children: transform(value) }
     else
      return { title: `${key} ${value}` }
  })
}

console.log(transform(obj.test))

2 commentaires

Vous êtes arrivé ici plus rapidement +1

et je déconnais en utilisant réduire: p j'ai besoin de m'entraîner davantage sur la récursivité à coup sûr :)

1
votes

Vous pouvez utiliser Object.entries et réduire avec la récursivité

let obj = {"test":{"Record":1,"RecordValues":{"Address":"3330 Bay Rd.","City":"Los Angeles","SecondObject":{"1":"eins","2":"zwei"}}}}

let recursive = (obj) =>
  Object.entries(obj).reduce((op,[key,value]) => {
  let final = typeof value === 'object' ? {title:key, children:recursive(value)} 
                                        : {title: `${key}: ${value}`}
  return op.concat(final)
},[])


console.log(recursive(obj.test))

0 commentaires