Imaginemos que tengo un objeto, digamos, con una serie de configuraciones que se deben guardar:
var settings = {
lang: "es",
animations: true,
animationsSpeed: 1
}
Y queremos guardar este objeto en localStorage para que no se pierdan nunca:
localStorage.setItem("settings", settings);
Pero cuando trato de recuperar su valor más tarde, me devuelve "undefined"
.
Intentemos ver el valor del lang
que definimos en el objeto del principio con alert
:
alert(localStorage.settings.lang);
// sale "undefined"
Recordando que localStorage
es un objeto, casi como cualquier otro que algún programador haya hecho jamás, intenté añadir el objeto settings
como en cualquier otro objeto:
localStorage.settings = settings;
Intenté recuperar el valor de lang con el mismo comando, pero también me devolvió "undefined"
.
Probé añadir un arreglo a localStorage:
localStorage.array = ["A", "B", "C"];
e intenté recuperar el valor de los tres elementos alertándolos:
alert(localStorage.array[0] + localStorage.array[1] + localStorage.array[2]);
Esta vez sí me regresó el resultado.
Por lo que he visto hasta ahora, se pueden añadir arreglos pero no se puede añadir un objeto a localStorage
, al menos no de la forma convencional.
¿Alguien sabe cómo puedo añadir objetos dentro de localStorage
?
Gracias de antemano y espero que me puedas ayudar, y probablemente a muchos nuevos programadores también. ¡Ten un lindo día!