LocalStorage en JavaScript es una forma en que los datos web pueden ser almacenados localmente dentro del navegador del usuario. A diferencia de las cookies, localStorage no tiene fecha de caducidad, lo que significa que los datos no se eliminarán cuando el navegador se cierre.
Aquí te dejo una breve guía de cómo puedes utilizar localStorage en JavaScript.
1. Almacenar data en localStorage
Para almacenar data en localStorage, puedes usar el método `localStorage.setItem()` que acepta dos argumentos: la clave(key) y el valor(value).
```javascript
localStorage.setItem(‘key’, ‘value’);
```
2. Leer data desde localStorage
Para leer data desde el localStorage, puedes usar el método `localStorage.getItem()`. Este método acepta un argumento que es la clave de la data que desea obtener.
```javascript
var data = localStorage.getItem(‘key’);
```
3. Eliminar data desde el localStorage
Para eliminar data desde localStorage, puedes usar el método `localStorage.removeItem()`. Este método acepta un argumento que es la clave de la data que desea eliminar.
```javascript
localStorage.removeItem(‘key’);
```
4. Eliminar todos los datos en el localStorage
Para eliminar todos los datos en el localStorage, puedes usar el método `localStorage.clear()`.
```javascript
localStorage.clear();
```
Debes tener en cuenta que todos los datos almacenados en localStorage son almacenados como strings. Si deseas almacenar objetos, necesitarás convertirlos a strings utilizando `JSON.stringify()` antes de almacenarlos y luego, cuando necesites recuperarlos, convertirlos de nuevo a un objeto utilizando `JSON.parse()`.
```javascript
// Guardar un objeto
var obj = {nombre: ‘Juan’, edad: 30};
localStorage.setItem(‘usuario’, JSON.stringify(obj));
// Recuperar un objeto
var usuario = JSON.parse(localStorage.getItem(‘usuario’));
console.log(usuario.nombre); // “Juan“
console.log(usuario.edad); // 30
```
Esto es un resumen básico sobre cómo utilizar localStorage en JavaScript. Es un tema más adelante, puedes aprofundizar en almacenamiento web que también incluye `sessionStorage` y `IndexedDB`.
