JS： "false"をfalseに強制的に強制することはできますか？

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"の線に沿って何かを保存するようだと、文字列"false"がtrueに型強制さを取得しますその2行目から最後の行に私は少しテストをすることができることを知っているが、これは趣味のプロジェクトのためであり、私は可能な限りそれを把握したい。 "false"を強制的にfalseにすることはできますか？

私はこのbtwのためにライブラリを使用していません。そのクロムの拡張子と私は軽量化したいからです。

Answer 1

"false"は他の文字列と同じですので、ここで独自のチェックをする必要があります。

Answer 2

変更この行：これまで

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

：

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

またはあなたが望むものに依存する：

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

あなたはこの以上の数回を行う場合は、ラップboolean trueまたはfalseだけを返す小さな関数内のブール型ローカルストレージへのアクセス。

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

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

あなたはそれが「偽」の文字列に等しいのですかどうかをテストすることができます。また

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

はちょうどここにリフが、文字列が、それはブール値falseに評価されますfalseの場合は、

eval(localStorage['check-value'])

のような愚かな何か本当にを行うことができます。明らかに、それは主要なセキュリティホールであるため、これをやりたくはありません。、私は私が言っている必要がありますね

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

Answer 7

あなたは/true/i.test(localStorage['check-value'])