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

Question

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

(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 .我知道我可以做一些 if-test，但这是一个爱好项目，如果可能的话我想弄清楚。可以将"false" 强制转换为false 吗？

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

Answer 1

改变这一行：

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

到这里：

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

或者取决于你想要什么：

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

如果您多次这样做，请将布尔本地存储访问封装在一个仅返回布尔值 true 或 false 的小函数中。

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

Answer 2

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

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

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

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

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

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

Answer 5

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

Answer 6

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

eval(localStorage['check-value'])

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

您也可以使用三元运算符：

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