Não é possível definir valores booleanos em LocalStorage?

Percebi que não consigo definir valores booleanos em localStorage?

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

Sempre alerta true | falsequando tento testá- localStorage.getItem("item1") == "true"lo, alerta verdadeiro ... Como posso definir um item localStoragecomo verdadeiro?

Mesmo que seja uma string, pensei que só ===verificaria o tipo?

assim

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

A implementação de armazenamento do Firefox só pode armazenar strings, mas em setembro de 2009 , o W3C modificou o rascunho para aceitar quaisquer dados.A implementação (ainda) ainda não foi atualizada( veja Editar abaixo ).

Portanto, no seu caso, o booleano é convertido em uma string.

Quanto ao motivo "true" != true, conforme escrito na descrição de Equal ( ==) no MDC *:

Se os dois operandos não forem do mesmo tipo, o JavaScript converte os operandos e aplica a comparação estrita. Se o operando for um número ou booleano, os operandos serão convertidos em números, se possível; senão, se qualquer operando for uma string, o outro operando será convertido em uma string, se possível.

Observe que a string é convertida em um número em vez de um booleano . Como "true"convertido em um número é NaN, ele não será igual a nada, então falseé retornado.

(*: Para o padrão real, consulte ECMA-262 §11.9.3 "O algoritmo de comparação de igualdade abstrata")

Editar: A setIteminterface foi revertida para aceitar strings apenas no rascunho de 1º de setembro de 2011 para corresponder ao comportamento das implementações existentes, pois nenhum dos fornecedores está interessado em oferecer suporte ao armazenamento de não strings. Consulte https://www.w3.org/Bugs/Public/show_bug.cgi?id=12111 para obter detalhes.

Por enquanto, todas as implementações Safari , WebKit, Chrome, Firefox e IE seguem uma versão antiga do padrão WebStorage, onde o valor dos itens de armazenamento pode ser apenas uma string.

Uma opção seria usar JSON parsee stringifymétodo para serializar e desserializar os dados, como sugeri há algum tempo em outra pergunta , por exemplo:

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

Minhas soluções:

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

Isso está relacionado à resposta do CMS.

Aqui está uma pequena função que venho usando para lidar com a parte de análise desse problema (a função continuará fazendo a coisa certa depois que as implementações do navegador alcançarem as especificações, portanto, não há necessidade de se lembrar de alterar o código mais tarde):

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

Use store.js :

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

↓

store.get('isUser')  //true

Não tenho certeza se LocalStorage pode salvar valores booleanos, mas posso dizer que, quando você fizer alert("true" == true);isso, nunca será avaliado como verdadeiro porque você está comparando implicitamente uma string com um booleano. É por isso que você deve usar valores booleanos em truevez de "true".

evaltambém pode ser usado com cuidado em alguns casos.

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

O que geralmente faço é apenas salvar o valor em LocalStore como um booleano e, em seguida, recuperar com um método de análise, apenas para ter certeza para todos os navegadores. Meu método abaixo é personalizado para minha lógica de negócios. Às vezes, posso armazenar smth como "não" e ainda precisar falseem troca

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;}
}