JS：“false”可以强制类型为 false 吗？

Question

当您使用 Html5 localStorage 值存储为字符串。 如果您想存储复选框的 state 然后在以后恢复它，这是您需要处理的事情。 我希望这样的事情会起作用：

(function() {
  function e(id) { return document.getElementById(id); }

  e('save').addEventListener('click', function() {
   localStorage['check-value'] = e('checkbox').checked
  })
  e('checkbox').checked = localStorage['check-value'];
})();

但是，如果未选中该框并且字符串"false"在倒数第二行上被强制类型强制为true ，则“check-value”似乎将存储"false"行中的某些内容。 我知道我可以做一些 if-test，但这是一个爱好项目，如果可能的话我想弄清楚。 可以将"false"强制为false吗？

我没有为这个 btw 使用库，因为它是一个 chrome 扩展，我想让它保持轻量级。

Answer 1

"false" 只是一个字符串，就像其他字符串一样，您需要在此处进行自己的检查。

Answer 2

您可以测试它是否等于字符串“false”：

e('checkbox').checked = localStorage['check-value'] != 'false';

或者，您可以在存储它之前和检索它之后将其强制转换为一个数字：

localStorage['check-value'] = +e('checkbox').checked
// ...
e('checkbox').checked = +localStorage['check-value']

Answer 3

您可以尝试使用JSON.parse提取值。 理想情况下，您还可以使用JSON.stringify来序列化对象等。您可以通过将其抽象到其他接口后面来使其更易于管理。

JSON.parse("false") == false

包装器示例：

var LocalStorageManager = new (function () {
   this.set = function (key, object) {
      localStorage[key] = JSON.stringify(object);
   };

   this.get = function (key) {
      return JSON.parse(localStorage[key]);
   };
});

Answer 4

你不能在 JS 上真正做到这一点。 您应该使用var boolValue = (stringValue !== 'false')或任何让您的船漂浮的东西。

Answer 5

更改此行：

e('checkbox').checked = localStorage['check-value'];

对此：

e('checkbox').checked = localStorage['check-value'] == "true";

或取决于你想要什么：

e('checkbox').checked = localStorage['check-value'] != "false";

如果您这样做超过几次，则将 boolean 本地存储访问包装在一个很小的 function 中，它只返回 boolean 真或假。

function tfStr(val) {
    return(val === "true");
}

Answer 6

只是在这里重复，但你可以做一些非常愚蠢的事情，比如

eval(localStorage['check-value'])

如果字符串为假，它将评估为 boolean 假。 显然你不想这样做，因为这是一个主要的安全漏洞。

或者，您可以使用三元运算符：

(localStorage['check-value']==="false")?false:localStorage['check-value'];