Неможливо встановити булеві значення в LocalStorage?

Я помітив, що я не можу встановлювати булеві значення в localStorage?

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

Завжди сповіщення, true | falseколи я намагаюся перевірити localStorage.getItem("item1") == "true"його, попереджає правду ... Як я можу встановити елемент localStorageна істинному?

Навіть якщо це рядок, я думав, що тільки ===перевірять тип?

Так

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

Впровадження Firefox Storage може зберігати лише рядки, але на вересень 2009 року W3C змінив проект, щоб прийняти будь-які дані.Реалізація (досі) ще не наздогнала( див. Редагувати нижче ).

Тож у вашому випадку булевий перетворюється на рядок.

Щодо того "true" != true, як написано в описі рівняння ( ==) в MDC *:

Якщо два операнди не одного типу, JavaScript перетворює операнди, то застосовується суворе порівняння. Якщо будь-який операнд є числом або булевим, операнди перетворюються на числа, якщо це можливо; інакше, якщо будь-який операнд є рядком, інший операнд перетворюється на рядок, якщо це можливо.

Зауважте, що рядок перетворюється на число замість булевого . Оскільки "true"перетворене в число є NaN, воно не буде дорівнювати нічому, тому falseповертається.

(*: Для фактичного стандарту див. Пункт ECM-262 §11.9.3 "Алгоритм порівняння абстрактних рівностей")

Edit:setItem інтерфейс був повернувся приймати рядки тільки на вересень 1 - го проект 2011 року відповідно до поведінкою існуючих реалізацій, так як жоден з постачальників не зацікавлені в підтримці зберігаються не так-рядків. Детальніше дивіться на https://www.w3.org/Bugs/Public/show_bug.cgi?id=12111 .

Наразі всі реалізації Safari , WebKit, Chrome, Firefox та IE дотримуються старої версії стандарту WebStorage, де значення елементів зберігання може бути лише рядком.

Можливим буде використання JSON parseта stringifyметоду для серіалізації та десеріалізації даних, як я запропонував деякий час тому в іншому запитанні , наприклад:

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

Мої рішення:

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

Це пов’язано з відповіддю CMS.

Ось невелика функція, яку я використовував для обробки розбору частини цієї проблеми (ця функція буде продовжувати виконувати правильну річ після того, як в браузері реалізація наздожене специфікацію, тому не потрібно пам’ятати про те, щоб змінити код пізніше):

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

Використовуйте store.js :

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

↓

store.get('isUser')  //true

Я не впевнений, що LocalStorage може зберегти булеві значення, але я можу вам сказати, що коли ви alert("true" == true);це зробите, це ніколи не оцінюватиметься як true, оскільки ви неявно порівнюєте рядок із булевими. Ось чому для встановлення булевих значень ви використовуєте trueзамість "true".

evalтакож можна обережно використовувати в деяких випадках.

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

Що я зазвичай роблю, це просто зберегти значення в LocalStore як булеве, а потім отримати метод розбору, щоб бути впевненим у всіх браузерах. Мій метод нижче налаштований під мою бізнес-логіку. Іноді я можу зберігати smth як "ні" і все одно потребую falseвзамін

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