¿No se pueden establecer valores booleanos en LocalStorage?

Me di cuenta de que no puedo establecer valores booleanos en localStorage?

localStorage.setItem("item1", true);
alert(localStorage.getItem("item1") + " | " + (localStorage.getItem("item1") == true));

Siempre alerta true | falsecuando intento probarlo localStorage.getItem("item1") == "true", alerta verdadero ... ¿Cómo puedo configurar un elemento en localStorageverdadero?

Incluso si es una cadena, pensé que solo ===comprobaría el tipo.

Entonces

alert("true" == true); // should be true? 

La implementación de Storage de Firefox solo puede almacenar cadenas, pero en septiembre de 2009 , W3C modificó el borrador para aceptar cualquier dato.La implementación (todavía) no se ha puesto al día todavía( ver Editar a continuación ).

Entonces, en su caso, el booleano se convierte en una cadena.

En cuanto a por qué "true" != true, como está escrito en la descripción de Equal ( ==) en MDC *:

Si los dos operandos no son del mismo tipo, JavaScript convierte los operandos y luego aplica una comparación estricta. Si alguno de los operandos es un número o un booleano, los operandos se convierten en números si es posible; de lo contrario, si alguno de los operandos es una cadena, el otro operando se convierte en una cadena si es posible.

Tenga en cuenta que la cadena se convierte en un número en lugar de un booleano . Dado que "true"convertido a un número es NaN, no será igual a nada, por lo que falsese devuelve.

(*: Para conocer el estándar actual, consulte ECMA-262 §11.9.3 “El algoritmo de comparación de igualdad abstracta”)

Editar: La setIteminterfaz se revirtió para aceptar cadenas solo en el borrador del 1 de septiembre de 2011 para que coincida con el comportamiento de las implementaciones existentes, ya que ninguno de los proveedores está interesado en admitir el almacenamiento de cadenas que no sean cadenas. Consulte https://www.w3.org/Bugs/Public/show_bug.cgi?id=12111 para obtener más detalles.

Por el momento, todas las implementaciones de Safari , WebKit, Chrome, Firefox e IE , siguen una versión antigua del estándar WebStorage, donde el valor de los elementos de almacenamiento puede ser solo una cadena.

Una opción sería usar JSON parsey el stringifymétodo para serializar y deserializar los datos, como sugerí hace algún tiempo en otra pregunta , por ejemplo:

var value = "true";
JSON.parse(value) === true; // true

Mis soluciones:

function tytPreGetBool(pre) {
    return localStorage.getItem(pre) === 'true';
}

Esto está relacionado con la respuesta de CMS.

Aquí hay una pequeña función que he estado usando para manejar la parte de análisis de este problema (la función seguirá haciendo lo correcto después de que las implementaciones del navegador se pongan al día con la especificación, por lo que no es necesario recordar cambiar el código más adelante):

function parse(type) {
   return typeof type == 'string' ? JSON.parse(type) : type;
}

Utilice store.js :

localStorage.setItem('isUser', true)
localStorage.getItem('isUser') === "true" //true
npm i -D store

↓

store.get('isUser')  //true

No estoy seguro de si LocalStorage puede guardar valores booleanos, pero puedo decirle que cuando lo haga alert("true" == true);nunca se evaluará como verdadero porque está comparando implícitamente una cadena con un booleano. Es por eso que para establecer los valores booleanos que usa en truelugar de "true".

evaltambién se puede utilizar con cuidado en algunos casos.

console.log(eval("true") === true) //true

Lo que suelo hacer es guardar el valor en LocalStore como booleano y luego recuperarlo con un método de análisis, solo para estar seguro para todos los navegadores. Mi método a continuación está personalizado para mi lógica empresarial. A veces puedo almacenar algo como 'no' y todavía necesito falsea cambio

function toBoolean(str) {
    if (typeof str === 'undefined' || str === null) {
        return false;
    } else if (typeof str === 'string') {           
        switch (str.toLowerCase()) {
        case 'false':
        case 'no':
        case '0':
        case "":
            return false;
        default:
            return true;
        }
    } else if (typeof str === 'number') {
        return str !== 0
    }
    else {return true;}
}