Skip to content

JavaScript add to JSON Array | Example code

  • by

First Parse the JSON object to create a native JavaScript Object then Push the new array element into the object using the push() method. This way you can add to JSON Array in JavaScript.

Note: Use stringify() to convert it back to its original format.

JavaScript add to JSON Array

Simple example code adding a new array element to a JSON object

  <!DOCTYPE html>
  <html>
  <body>
    <script>

      var data = '{"characters":[{"name":"Tommy Vercetti","location":"Vice City"},{"name":"Carl Johnson","location":"Grove Street"},{"name":"Niko Bellic","location":"Liberty City"}]}'

      const obj = JSON.parse(data);

      obj["characters"].push({ name: "Ken Rosenberg", location: "Vice City" });

      console.log(obj);

    </script>

  </body>
  </html>

Output:

JavaScript add to JSON Array

JSON is just a notation; to make the change you want to parse it so you can apply the changes to a native JavaScript Object, then stringify it back to JSON.

Simply use the push method of Arrays

var data = [ 
	{ name: "Pawan" }, 
	{ name: "Goku" }, 
	{ name: "Naruto" } 
]; 
 
var obj = { name: "Light" }; 
 
data.push(obj); 
 
console.log(data);

Output:

0: Object { name: "Pawan" }
​
1: Object { name: "Goku" }
​
2: Object { name: "Naruto" }
​
3: Object { name: "Light" }

Do comment if you have any doubts or suggestions on this JS JSON topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.