How to modify the JSON Array? | JSON Tutorial

Want more web development tutorials?

Subscribe to Ram N Java on YouTube for simple, practical coding guides and tutorials!

🔔 Subscribe to the Channel

Modifying Values in a JSON Array

When you build web applications, receiving data in a JSON structure is only the first step. You often need to update existing entries based on user actions, calculations, or server updates.

If your JSON object contains an array of items, updating a specific value is straightforward once you know the zero-based index of the element you want to change.

How Array Indexing Works

In JavaScript, array positions always begin at zero:

• array[0] refers to the first item.
• array[1] refers to the second item.
• array[2] refers to the third item, and so on.

To modify an element, target the array property within your object by its index number and assign the new value directly using the assignment operator (=).

Step-by-Step Code Example

Here is a clear example demonstrating how to update a specific value inside a JSON object's array:

// Sample JSON object with an array
const myObject = {
  "name": "John",
  "age": 30,
  "cars": ["Ford", "BMW", "Fiat"]
};

// Modifying the second item (index 1)
myObject.cars[1] = "Mercedes";

// Check the updated value
console.log(myObject.cars[1]); // Output: Mercedes
console.log(myObject.cars);    // Output: ["Ford", "Mercedes", "Fiat"]

What Happened Here?

• The original value at index 1 was "BMW".
• By running myObject.cars[1] = "Mercedes";, we replaced "BMW" with "Mercedes" in place.
• The rest of the items in the array stayed exactly as they were.

Summary

Direct index assignment gives you full control over updating items inside an array without having to rebuild the entire object. Combine this with loops or conditional checks to dynamically update data across your applications!

Related Tutorials from Ram N Java

Check out these related tutorials to deepen your understanding:

• JSON Arrays Explained: Beginner's Guide | JSON Tutorial
• Exploring Nested JSON Objects | JSON Tutorial
• How to Use Online JSON Parsers: Step-by-Step Guide | JSON Tutorial