Storing Data with localStorage
index.js
When you want to keep data in the browser so that it stays even after the page is refreshed, you can use the localStorage API. This API is built into all modern browsers and provides a way to store key-value pairs as strings. The two most commonly used methods are setItem and getItem.
The setItem method saves data in localStorage. It takes two arguments: the key (a string you choose) and the value (also a string). In the example above, "username" is the key and "alice" is the value being saved.
To get the stored value back, use the getItem method with the key you used. This returns the value as a string, or null if the key does not exist. In the code example, getItem("username") returns the string "alice".
Remember, localStorage only stores data as strings. If you want to store other types of data, like objects or arrays, you need to convert them to a string first—usually with JSON.stringify. For now, saving and retrieving strings is simple and direct with these methods.
1. Which method is used to save data in localStorage?
2. What type of data can localStorage store directly?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you show me an example of how to use localStorage in JavaScript?
How do I remove an item from localStorage?
What are the limitations or size limits of localStorage?
Awesome!
Completion rate improved to 7.69Storing Data with localStorage
Glissez pour afficher le menu
index.js
When you want to keep data in the browser so that it stays even after the page is refreshed, you can use the localStorage API. This API is built into all modern browsers and provides a way to store key-value pairs as strings. The two most commonly used methods are setItem and getItem.
The setItem method saves data in localStorage. It takes two arguments: the key (a string you choose) and the value (also a string). In the example above, "username" is the key and "alice" is the value being saved.
To get the stored value back, use the getItem method with the key you used. This returns the value as a string, or null if the key does not exist. In the code example, getItem("username") returns the string "alice".
Remember, localStorage only stores data as strings. If you want to store other types of data, like objects or arrays, you need to convert them to a string first—usually with JSON.stringify. For now, saving and retrieving strings is simple and direct with these methods.
1. Which method is used to save data in localStorage?
2. What type of data can localStorage store directly?
Merci pour vos commentaires !
