无法在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的Storage实现只能存储字符串，但是2009年9月，W3C修改了草案以接受任何数据。实施（仍）尚未赶上（请参见下面的编辑）。

因此，在您的情况下，布尔值将转换为字符串。

至于为什么"true" != true，如在MDC *中的Equal（==）描述中所写：

如果两个操作数的类型不同，则JavaScript会转换这些操作数，然后进行严格比较。如果操作数是数字或布尔值，则在可能的情况下将操作数转换为数字；否则，操作数将转换为数字。否则，如果一个操作数是一个字符串，则另一个操作数将转换为字符串（如果可能）。

请注意，该字符串将转换为Number而不是Boolean。由于"true"将转换为NaN，因此它将不等于任何值，因此false将其返回。

（*：有关实际标准，请参阅ECMA-262§11.9.3“抽象平等比较算法”）

编辑：该setItem接口被恢复只接受在琴弦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的答案有关。

这是我一直使用的一个小功能来处理此问题的解析部分（该功能将在浏览器实现赶上规范后继续执行Right Thing，因此无需记住以后要更改代码）：

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存储为“ no”，但仍然需要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;}
}