Nie można ustawić wartości logicznych w LocalStorage?

Zauważyłem, że nie mogę ustawić wartości logicznych w localStorage?

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

Zawsze wyświetla alerty, true | falsegdy próbuję to sprawdzić localStorage.getItem("item1") == "true", alerty są prawdziwe ... Jak ustawić element localStoragejako prawdziwy?

Nawet jeśli jest to ciąg, myślałem, ===że sprawdzę tylko typ?

Więc

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

Implementacja Storage w Firefoksie może przechowywać tylko ciągi znaków, ale we wrześniu 2009 roku W3C zmodyfikowało wersję roboczą, aby zaakceptować dowolne dane.Wdrażanie (nadal) nie zostało jeszcze zakończone( patrz Edycja poniżej ).

Więc w twoim przypadku wartość logiczna jest konwertowana na łańcuch.

Co do tego "true" != true, jak napisano w opisie Equal ( ==) w MDC *:

Jeśli dwa operandy nie są tego samego typu, JavaScript konwertuje operandy, a następnie stosuje ścisłe porównanie. Jeśli którykolwiek z operandów jest liczbą lub wartością logiczną, operandy są konwertowane na liczby, jeśli to możliwe; w przeciwnym razie, jeśli jeden z operandów jest łańcuchem, drugi operand jest konwertowany na łańcuch, jeśli to możliwe.

Zauważ, że ciąg jest konwertowany na liczbę zamiast na wartość logiczną . Ponieważ "true"przekonwertowana na liczbę jest NaN, nie będzie równa, więc falsejest zwracana.

(*: Aby zapoznać się z aktualnym standardem, patrz ECMA-262 §11.9.3 „Algorytm abstrakcyjnego porównania równości”)

Edit:setItem interfejs został przywrócony do zaakceptowania ciągi tylko na 2011 Sept 1st projektu , aby dopasować zachowanie istniejących wdrożeń, jak żaden z producentów są zainteresowane wspieraniem przechowywanie nie-strun. Szczegółowe informacje można znaleźć pod adresem https://www.w3.org/Bugs/Public/show_bug.cgi?id=12111 .

W tej chwili wszystkie implementacje Safari , WebKit, Chrome, Firefox i IE są zgodne ze starą wersją standardu WebStorage, w którym wartość elementów pamięci może być tylko ciągiem znaków.

Opcją byłoby użycie JSON parsei stringifymetody do serializacji i deserializacji danych, jak zasugerowałem jakiś czas temu w innym pytaniu , na przykład:

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

Moje rozwiązania:

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

Jest to związane z odpowiedzią CMS.

Oto mała funkcja, której używałem do obsługi części parsującej tego problemu (funkcja będzie nadal działać właściwie po tym, jak implementacje przeglądarki dogonią specyfikację, więc nie musisz pamiętać o późniejszej zmianie kodu):

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

Użyj store.js :

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

↓

store.get('isUser')  //true

Nie jestem pewien, czy LocalStorage może zapisywać wartości logiczne, ale mogę powiedzieć, że kiedy to zrobisz alert("true" == true);, nigdy nie zostanie to ocenione jako prawda, ponieważ niejawnie porównujesz ciąg z wartością logiczną. Dlatego warto ustawić wartości logiczne, których używasz truezamiast "true".

eval można również użyć w niektórych przypadkach ostrożnie .

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

Zwykle po prostu zapisuję wartość w LocalStore jako wartość logiczną, a następnie pobieram ją metodą parsowania, aby mieć pewność dla wszystkich przeglądarek. Poniższa metoda jest dostosowana do logiki biznesowej. Czasami mogę zapisać coś jako „nie” i nadal potrzebować falsew zamian

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