Adding an array to a JSON array

Question

Adding an array to a JSON array

I am trying to insert additional data into a JSON structure. Here is the current structure:

[
    {
        "name": "Sam",
        "ride": "My Ride test",
        "session": "6htbgumjtmnxko6r",
        "info": null
    },
]

The variables I have are as follows:

var jsonData = [{                                   
    "name": "Sam",                                  
    "ride": "My Ride test",                         
    "session": session,                             
    "info": null
}];
jsonData.info = [];

I have attempted the following methods:

jsonData.info.push({
        id: integer, 
        data:   { 
            distance: currentDistance || 0,
            lat: lat, 
            lon: lon
            } 
});
    jsonData.push(jsonData.info);

jsonData[3].push(jsonData.info);

However, the result has not been successful:

[
    {
        "name": "Sam",
        "ride": "My Ride test",
        "session": "6htbgumjtmnxko6r",
        "info": null
    },
    [
        {
            "id": 1,
            "data": {
                "distance": 0,
                "lat": 53.6419743,
                "lon": -1.7945115999999999
            }
        }
    ]
]

Can someone provide guidance on how to properly add data to the "info" section of my jsonData?

javascript arrays json

Answer 1

Answer №1

jsonData[0].details = {
    id: integer, 
    data:   { 
        distance: currentDistance || 0,
        lat: lat, 
        lon: lon
        } 
}

jsonData is an array, details is a property specific to the first value in the array, not the entire array itself.

If you wanted to add this detail to every value in the array, you would need to use a loop, like so:

jsonData.forEach(function(value){     
    value.details = {
        ...
    }
})

You can check browser compatibility for forEach here, supported on all browsers above IE8.

Answer 2

jsonData[0].details = {
    id: integer, 
    data:   { 
        distance: currentDistance || 0,
        lat: lat, 
        lon: lon
        } 
}

jsonData is an array, details is a property specific to the first value in the array, not the entire array itself.

If you wanted to add this detail to every value in the array, you would need to use a loop, like so:

jsonData.forEach(function(value){     
    value.details = {
        ...
    }
})

You can check browser compatibility for forEach here, supported on all browsers above IE8.

Answer 3

Answer №2

One possible solution is as follows:

jsonData[0].info = {
        id: integer, 
        data:   { 
            distance: currentDistance || 0,
            lat: lat, 
            lon: lon
        } 
}

Answer 4

One possible solution is as follows:

jsonData[0].info = {
        id: integer, 
        data:   { 
            distance: currentDistance || 0,
            lat: lat, 
            lon: lon
        } 
}

Adding an array to a JSON array

Answer №1

Answer №2

Similar questions

When attempting to use the search bar to filter in ReactJs, an error occurs: TypeError - Unable to access properties of undefined (specifically 'filter')

The scrolling feature in the option list for Adobe Air Client and Javascript appears to be non-functional

After the array is printed, the foreach loop is failing to function as expected

Tips for transferring information from one php page to another php page via ajax

Error Alert - Troubleshooting AJAX JSON Parsing Issue

Converting a Pandas DataFrame to JSON converts the index into dot notation

sending data in JSON format from ASIHTTPRequest to Django

How to locate the position of a specific word on a webpage using jQuery

The function WebGLRenderer() from three.js allows for rendering in

Successfully extracting partial JSON data from logs using Fluentd

What is the best way to find out which tab is currently active?

Struggling with PHP's inability to decode GET parameters containing double quotes?

Adjust the maximum and minimum values on a dual thumb slider

Creating a filtering mechanism in C# for ActionResults by utilizing either an array or

PHP code to update elements in one array based on matching keys in another PHP array

Troubleshooting problem with AngularJS ng-repeat

Tips for utilizing IS NOT NULL in Knex JS

Vue.JS: The central layout element and navigation system

Tips for Adding Items to an Infinite Loop

What steps do I need to take to have Greasemonkey execute a function upon the completion of an AJAX call