Change key name in nested JSON structure

Question

I have a JSON data structure as shown below:

{
    \"name\": \"World\",
    \"children\": [
      { \"name\": \"US\",
          \"children\": [
           {          


        

Answer 1

Try this:

function convert(data){
  return {
    key: data.name,
    value: data.children.map(convert);
  };
}

Or if you need to support older browsers without map:

function convert(data){
  var children = [];
  for (var i = 0, len = data.children.length; i < len; i++){
    children.push(convert(data.children[i]));
  }

  return {
    key: data.name,
    value: children
  };
}