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はすべてのデータを受け入れるようにドラフトを変更しました。（まだ）実装はまだ追いついていません（以下の編集を参照してください）。

したがって、あなたの場合、ブール値は文字列に変換されます。

理由については、MDCのEqual（）の説明に記載"true" != trueされているように== *：

2つのオペランドが同じタイプでない場合、JavaScriptはオペランドを変換してから、厳密な比較を適用します。いずれかのオペランドが数値またはブール値の場合、オペランドは可能であれば数値に変換されます。それ以外の場合、どちらかのオペランドが文字列の場合、可能であれば、もう一方のオペランドは文字列に変換されます。

文字列はブール値ではなく数値に変換されることに注意してください。数値に変換されるので、それは何にも等しくないので、返されます。"true"NaNfalse

（*：実際の規格については、ECMA-262§11.9.3「抽象等値比較アルゴリズム」を参照）

編集：setItemインターフェイスだけで文字列を受け入れるように戻った2011年9月1日のドラフトのベンダーのいずれも非文字列を格納支援に興味を持っていないされているように、既存の実装の動作と一致します。詳細については、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の値をブール値として保存し、解析メソッドを使用して取得することです。これは、すべてのブラウザーで確実に行うためです。以下のメソッドは、ビジネスロジック用にカスタマイズされています。時々、Smthを「いいえ」として保存しても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;}
}