Loading Please Wait...
A common use of JSON is to exchange data to/from a web server in the form of (JSON) string. Convert a JavaScript object into a string with JSON.stringify().
When sending data to a web server, the data has to be a string.
Convert a JavaScript object into a string with JSON.stringify().
Suppose we want to send the following JavaScript object to the server:
const obj = {"name":"John", "age":30, "city":"New York"};
Use the JavaScript function JSON.stringify() to convert it into a string.
const myJSON = JSON.stringify(obj);
The result will be a string following the JSON notation.
myJSON is now a string, and ready to be sent to a server.
It is also possible to stringify JavaScript arrays:
Suppose we have this array in JavaScript:
const arr = ["John", "Peter", "Sally", "Jane"];
const myJSON = JSON.stringify(arr);
When storing data, the data has to be a certain format, and regardless of where you choose to store it, text is always one of the legal formats.
JSON makes it possible to store JavaScript objects as text.
// Storing data:
const myObj = {name: "John", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
// Retrieving data:
let text = localStorage.getItem("testJSON");
let obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
In JSON, date objects are not allowed. The JSON.stringify() function will convert any dates into strings.
You can convert the string back into a date object at the receiver.
const obj = {name: "John", today: new Date(), city : "New York"};
const myJSON = JSON.stringify(obj);
In JSON, functions are not allowed as object values.
The JSON.stringify() function will remove any functions from a JavaScript object, both the key and the value:
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
const myJSON = JSON.stringify(obj);
This can be omitted if you convert your functions into strings before running the JSON.stringify() function.
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
obj.age = obj.age.toString();
const myJSON = JSON.stringify(obj);
How you feel about this blog:
Share this blog on:
If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com
Contact Us
We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..
Copyright © , Lynxsia IT Solutions, All rights reserved