JSON - How to Stringify a JavaScript Array? | JSON Tutorial

Want More Simple Coding Tutorials?

Subscribe to Ram N Java for beginner-friendly programming guides!

Subscribe on YouTube

How to Stringify a JavaScript Array to JSON

In web development, you frequently collect lists of items—such as user names, IDs, or product titles—stored as JavaScript arrays. When it comes time to send that data from the client browser to a web server, the array must be converted into a standard text format.

JavaScript makes this easy with JSON.stringify(). Just as it works on objects, passing a JavaScript array into JSON.stringify() transforms the list into a valid JSON string formatted with standard square brackets.

Step-by-Step Breakdown

1. Define your JavaScript array: Create an array containing your values (e.g., strings, numbers, or booleans).
2. Call JSON.stringify(): Pass your array as the parameter to JSON.stringify().
3. Receive the JSON text string: The method returns a single string representation of your array.
4. Send or store: The resulting JSON string can be transmitted via HTTP requests or saved locally.

Practical Code Example

// 1. Define an array of names
const names = ["John", "Peter", "Dave"];

// 2. Convert the array into a JSON string
const jsonString = JSON.stringify(names);

// 3. Display the result on screen
document.getElementById("output").innerHTML = jsonString;

The browser displays the string formatted as valid JSON:

["John","Peter","Dave"]

More Recommended Tutorials

• How to Extract JSON Array Values Using a for Loop | JSON Tutorial
• How to modify the JSON Array? | JSON Tutorial
• Exploring Nested Arrays within JSON Objects | JSON Tutorial