Create a new JSON property by incorporating the value of an existing property

Question

Create a new JSON property by incorporating the value of an existing property

I have a file containing JSON-serialized data structured as shown below:

{
    "name":"Store",
    "children":[
        {
            "name":"Store 1",
            "children":[
                {
                    "name":"collection 1",
                    "description":"collection 1",
                    "children":[
                        {
                            "name":"Products",
                            "description":"Products",
                            "children":[
                                {
                                    "name":"Product 1",
                                    "description":"Product 1"
                                }
                            ]
                        }
                    ]
                }
            ],
            "description":"category 1"
        },
        {
            "name":"Store 2"
        }
    ]
}

My goal is to insert a title property for objects with a name, where the value of the title matches that of the name. Here is the desired structure after modification:

{
    "name":"Store",
    "title":"Store",
    "children":[
        {
            "name":"Store 1",
            "title":"Store 1",
            "children":[
                {
                    "name":"collection 1",
                    "title":"collection 1",
                    "description":"collection 1",
                    "children":[
                        {
                            "name":"Products",
                            "title":"Products",
                            "description":"Products",
                            "children":[
                                {
                                    "name":"Product 1",
                                    "title":"Product 1",
                                    "description":"Product 1"
                                }
                            ]
                        }
                    ]
                }
            ],
            "description":"category 1"
        },
        {
            "name":"Store 2",
            "title":"Store 2"
        }
    ]
}

javascript arrays json

Answer 1

Answer №1

To transform the Json data, we can utilize JSON.Parse for parsing and implement a recursive function to assign titles to all the descendants.

function TitleAssignment(items) {
  items["title"] = items["name"]
  if (items["children"] != undefined) {
    items["children"].forEach(element => {
      element = TitleAssignment(element)
    });
  }
  return items
}

var jsonText = '{"name":"Store","children":[{"name":"Store 1","children":[{"name":"collection 1","description":"collection 1","children":[{"name":"Products","description":"Products","children":[{"name":"Product 1","description":"Product 1"}]}]}],"description":"category 1"},{"name":"Store 2"}]}';
var itemData = JSON.parse(jsonText);
itemData = TitleAssignment(itemData);

Answer 2

To transform the Json data, we can utilize JSON.Parse for parsing and implement a recursive function to assign titles to all the descendants.

function TitleAssignment(items) {
  items["title"] = items["name"]
  if (items["children"] != undefined) {
    items["children"].forEach(element => {
      element = TitleAssignment(element)
    });
  }
  return items
}

var jsonText = '{"name":"Store","children":[{"name":"Store 1","children":[{"name":"collection 1","description":"collection 1","children":[{"name":"Products","description":"Products","children":[{"name":"Product 1","description":"Product 1"}]}]}],"description":"category 1"},{"name":"Store 2"}]}';
var itemData = JSON.parse(jsonText);
itemData = TitleAssignment(itemData);

Answer 3

Answer №2

const updateTitles = (data) => {
  data.title = data.name;
  if(data.children){
    data.children.forEach(updateTitles);
  }
}

const jsonData = {
  "name": "Fruit Market",
  "children": [{
      "name": "Apple Stand",
      "children": [{
        "name": "Gala Apples",
        "description": "Sweet and juicy Gala apples",
        "children": [{
          "name": "Red Delicious",
          "description": "Classic Red Delicious apple"
        }]
      }],
      "description": "Fresh fruit category"
    },
    {
      "name": "Vegetable Stand"
    }
  ]
};

updateTitles(jsonData);

console.log(jsonData);

Answer 4

const updateTitles = (data) => {
  data.title = data.name;
  if(data.children){
    data.children.forEach(updateTitles);
  }
}

const jsonData = {
  "name": "Fruit Market",
  "children": [{
      "name": "Apple Stand",
      "children": [{
        "name": "Gala Apples",
        "description": "Sweet and juicy Gala apples",
        "children": [{
          "name": "Red Delicious",
          "description": "Classic Red Delicious apple"
        }]
      }],
      "description": "Fresh fruit category"
    },
    {
      "name": "Vegetable Stand"
    }
  ]
};

updateTitles(jsonData);

console.log(jsonData);

Create a new JSON property by incorporating the value of an existing property

Answer №1

Answer №2

Similar questions

Is it necessary to encapsulate Factory calls within a function in my Controller file?

What is the best method for returning the AJAX outcome to the JSP page?

Using an array of objects to set a background image in a Bootstrap carousel using jQuery: a step-by-step guide

Changing the names of nested columns in R

What is the best way to iterate through this using forEach?

What is the best way to ensure that a navbar dropdown appears above all other elements on

Cycle through JSON array utilizing an iterative loop

Previewing multiple images before uploading them using jQuery

Having difficulty running assessments on the connected components

optimal method of storing and retrieving an array in a database

create a sapper route using JSON data

Storing JSON data as a dictionary in Django's database

Update each number in an array by appending a string within a table in an Angular component, rather than the

View JSON data in a Power BI report

Combine each module using grunt and then compress

POST request with Vue Material formVue Material form submission using POST

What is the best way to combine two arrays of characters or strings into a single array?

Collecting the standard output and standard error of a Node-API module executed within an Electron framework

Interactive drop-down menu for populating a input field

Arranging Functions in JavaScript