Не удается установить логические значения в LocalStorage?

Я заметил, что я не могу установить логические значения в localStorage?

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

Всегда предупреждает, true | falseкогда я пытаюсь проверить localStorage.getItem("item1") == "true"это предупреждение true ... Как я могу установить элемент в localStorageзначение true?

Даже если это строка, я думал только ===проверить тип?

Так

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

Реализация хранилища в Firefox может хранить только строки, но сентябре 2009 года W3C изменил черновик, чтобы принимать любые данные.Реализация (все еще) еще не догнала( см. Правка ниже ).

Итак, в вашем случае логическое значение преобразуется в строку.

Что касается того "true" != true, почему , как написано в описании Equal ( ==) в MDC *:

Если два операнда не одного типа, JavaScript преобразует операнды, а затем применяет строгое сравнение. Если один из операндов является числом или логическим значением, операнды по возможности преобразуются в числа ; иначе, если один из операндов является строкой, другой операнд преобразуется в строку, если это возможно.

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

(*: Фактический стандарт см. В ECMA-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 как логическое значение, а затем извлекаю его методом синтаксического анализа, чтобы быть уверенным во всех браузерах. Мой метод ниже настроен для моей бизнес-логики. Иногда я могу хранить что-то как `` нет '' и мне все равно нужно 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;}
}