WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES

How to Add New Property to JSON Object Using JavaScript

Topic: JavaScript / jQueryPrev|Next

Answer: Use the Dot/Square Bracket Notation

You can simply use the dot (.), or square bracket ([]) notation to add a new element or property to JSON Object using JavaScript. JSON is basically a string whose format very much resembles to JavaScript object. See the tutorial on JavaScript JSON Parsing to learn more about it.

Let's take a look at the following example to understand how it basically works:

// Store JSON string in a JS variable
var json = '{"name": "Harry", "age": 18}';

// Converting JSON-encoded string to JS object
var obj = JSON.parse(json);

// Adding a new property using dot notation
obj.gender = "Male";
    
// Adding another property using square bracket notation
obj["country"] = "United States";
    
// Accessing individual value from JS object
document.write(obj.name + "<br>");    // Prints: Harry
document.write(obj.age + "<br>");     // Prints: 14
document.write(obj.gender + "<br>");  // Prints: Male
document.write(obj.country + "<br>"); // Prints: United States
    
// Converting JS object back to JSON string
json = JSON.stringify(obj);
document.write(json);

Related FAQ

Here are some more FAQ related to this topic:

Bootstrap UI Design Templates Property Marvels - A Leading Real Estate Portal for Premium Properties