JSON.stringify()
MethodBy default, the localStorage or sessionStorage only allows you to store string key/value pairs. But you can also store the JavaScript objects in web storage with a little trick.
To store objects first stringify it using the JSON.stringify()
method, and later parse it with the JSON.parse()
when you need retrieve it, as shown in the following example:
<script>
var personObject = { name: "Peter", age: 18, married: false };
// Convert the person object into JSON string and save it into storage
localStorage.setItem("personObject", JSON.stringify(personObject));
// Retrieve the JSON string
var jsonString = localStorage.getItem("personObject");
// Parse the JSON string back to JS object
var retrievedObject = JSON.parse(jsonString);
console.log(retrievedObject);
// Accessing individual values
console.log(retrievedObject.name); // Prints: Peter
console.log(retrievedObject.age); // Prints: 18
console.log(retrievedObject.married); // Prints: false
</script>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
Laravel 8 - How to Restrict or Block User Access via IP Address
In this article, I will share with you h...10 Top Sublime Text Packages for Web Developers
Sublime Text is more popular text editor...React CRUD Example using MongoDB | Express | React | NodeJs
Today, I am going to teach you how to&nb...Hash Password with Bcrytp in NodeJs
In this tutorial, we will learn to ...Set Up Angular Project From Scratch
Angular is open-source web application f...