add a JavaScript variable to a JSON data structure

Question

add a JavaScript variable to a JSON data structure

My JSON object is valid and it's called list_to_book_for:

{"fold1-key1":{"name":"Van Antwerpen"},"fold2-key2":{"name":"Delporte"},"fold3-key3":{"name":"Lallemand"}}

In order to add the content of a variable into this object, I have the following structure:

"fold1":
    {
        "name": "Too book for ",
        "items":
        {

        }
    },

Is it possible to insert the variable into the items section?

javascript json

Answer 1

Answer №1

It is certainly feasible

let y = 'my possessions';

let data = { section1: { title: "Quite heavy on ", goods: {} } };

data.section1.goods = y;

Answer 2

It is certainly feasible

let y = 'my possessions';

let data = { section1: { title: "Quite heavy on ", goods: {} } };

data.section1.goods = y;

Answer 3

Answer №2

Of course, here is an example on how to organize JSON data:

var newJson = {"category1": {
    "title": "Awesome books", 
    "details": {} 
}}; // you can also use JSON.parse with your original json
var details = {"category1-item1":{"name":"Jane Doe"},"category2-item2":{"name":"John Smith"}};

newJson.category1.details = details;
var output = JSON.stringify(newJson);

This code will produce the following structure:

{"category1":
    {"title":"Awesome books",
     "details":
         {"category1-item1":{"name":"Jane Doe"},
          "category2-item2":{"name":"John Smith"}
          }
    }
}

Answer 4

Of course, here is an example on how to organize JSON data:

var newJson = {"category1": {
    "title": "Awesome books", 
    "details": {} 
}}; // you can also use JSON.parse with your original json
var details = {"category1-item1":{"name":"Jane Doe"},"category2-item2":{"name":"John Smith"}};

newJson.category1.details = details;
var output = JSON.stringify(newJson);

This code will produce the following structure:

{"category1":
    {"title":"Awesome books",
     "details":
         {"category1-item1":{"name":"Jane Doe"},
          "category2-item2":{"name":"John Smith"}
          }
    }
}

Answer 5

Answer №3

Maybe this could be the solution you're looking for:

for( let index in desired_list ) {
  if( desired_list.hasOwnProperty(index) ){
     new_object.categories[index] = desired_list[index];
  }
}

Answer 6

Maybe this could be the solution you're looking for:

for( let index in desired_list ) {
  if( desired_list.hasOwnProperty(index) ){
     new_object.categories[index] = desired_list[index];
  }
}

Answer 7

Answer №4

If you have a JSON object in its raw format like this:

list_to_book_for = '{"key1":{"name":"Smith"},"key2":{"name":"Johnson"},"key3":{"name":"Williams"}}';

You can convert the JSON to JavaScript using JSON.parse():

"section1": {
    "title": "To book appointment",
    "info": JSON.parse(list_to_book_for)
},

Answer 8

If you have a JSON object in its raw format like this:

list_to_book_for = '{"key1":{"name":"Smith"},"key2":{"name":"Johnson"},"key3":{"name":"Williams"}}';

You can convert the JSON to JavaScript using JSON.parse():

"section1": {
    "title": "To book appointment",
    "info": JSON.parse(list_to_book_for)
},

Answer 9

Answer №5

Big thanks to everyone who offered assistance, here's the resolution :

I establish a global variable at the beginning of the script :

    book_chain = {};

    book_chain = function()
    {
        var temp;
        $.ajax(
        {
            method:'POST',
            dataType: 'json',
            async: false,
            url:'ajax/user_list.php',
            success:function(php_response)
            {
                book_chain = php_response;
                temp = php_response;
            }
        });
        return temp;
    }();

An important detail is setting async:false

I incorporate the data into the submenu (as a JSON object) :

"fold1":
{
    "name": "Too book for ",
    "items": book_chain,
    callback: function(key, options)

Answer 10

Big thanks to everyone who offered assistance, here's the resolution :

I establish a global variable at the beginning of the script :

    book_chain = {};

    book_chain = function()
    {
        var temp;
        $.ajax(
        {
            method:'POST',
            dataType: 'json',
            async: false,
            url:'ajax/user_list.php',
            success:function(php_response)
            {
                book_chain = php_response;
                temp = php_response;
            }
        });
        return temp;
    }();

An important detail is setting async:false

I incorporate the data into the submenu (as a JSON object) :

"fold1":
{
    "name": "Too book for ",
    "items": book_chain,
    callback: function(key, options)

Answer 11

Answer №6

Using the eval function is crucial for ensuring that this code operates smoothly. Here's a quick overview:

<script>
var data={"section1-key1":{"title":"Example 1"},"section2-key2":{"title":"Example 2"},"section3-key3":{"title":"Example 3"}};
var newData='{"section1": {"title": "New Title","items": { } }}';
eval('var update='+newData);
for(item in update)
{
    data[item]=update[item];
}
</script>

Answer 12

Using the eval function is crucial for ensuring that this code operates smoothly. Here's a quick overview:

<script>
var data={"section1-key1":{"title":"Example 1"},"section2-key2":{"title":"Example 2"},"section3-key3":{"title":"Example 3"}};
var newData='{"section1": {"title": "New Title","items": { } }}';
eval('var update='+newData);
for(item in update)
{
    data[item]=update[item];
}
</script>

add a JavaScript variable to a JSON data structure

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

Restrict certain links from being clickable until the page has finished loading and all click events have been bound using

Convert XML data into a structured table format

Tips for accessing jQuery UI tab elements and adjusting visibility for specific panels

Navigate through a JSON object consisting of an array of dictionaries using Swift 2.1

ng serve issue persists even after resolving vulnerabilities

Establishing a Table of Disarray

Leverage SVGs imported directly from the node_modules directory

Creating an Extjs model for a complex nested JSON structure

I am interested in building a personalized flight search form on my WordPress site

What is causing the disparity between the JSON generated using the `Factory` and the one received from the `API`?

Converting an array to an object using underscore: a beginner's guide

The TypeScript error message states that a value of 'undefined' cannot be assigned to a type that expects either a boolean, Connection

Toggle class for a div upon clicking

What is the best way to transform React API data into props that can be utilized in different components?

AngularJS Date Selection with UI Bootstrap Tool

When transitioning from another page, the header will cover a portion of the section

Swapping out bullet points for delicious food icons in an unordered list on an HTML page

Can media queries styles be applied to a window of random size using JavaScript?

Navigating through the API routes in Express

Encountered difficulty parsing json data using cUrl in a PHP script