Không thể đặt giá trị boolean trong LocalStorage?

Tôi nhận thấy rằng tôi không thể đặt giá trị boolean trong localStorage?

localStorage.setItem("item1", true);
alert(localStorage.getItem("item1") + " | " + (localStorage.getItem("item1") == true));

Luôn cảnh báo true | falsekhi tôi cố gắng kiểm tra localStorage.getItem("item1") == "true"thông báo đó là true ... Làm cách nào để đặt một mục localStoragethành true?

Ngay cả khi đó là một chuỗi, tôi nghĩ chỉ ===sẽ kiểm tra loại?

Vì thế

alert("true" == true); // should be true? 

Việc triển khai Storage của Firefox chỉ có thể lưu trữ các chuỗi, nhưng vào tháng 9 năm 2009 , W3C đã sửa đổi bản nháp để chấp nhận bất kỳ dữ liệu nào.Việc triển khai (vẫn) chưa được bắt kịp( xem Chỉnh sửa bên dưới ).

Vì vậy, trong trường hợp của bạn, boolean được chuyển đổi thành một chuỗi.

Đối với lý do tại sao "true" != true, như được viết trong mô tả của Equal ( ==) trong MDC *:

Nếu hai toán hạng không cùng loại, JavaScript sẽ chuyển đổi các toán hạng sau đó áp dụng so sánh chặt chẽ. Nếu một trong hai toán hạng là một số hoặc một boolean, các toán hạng được chuyển đổi thành số nếu có thể; khác nếu một trong hai toán hạng là một chuỗi, toán hạng kia được chuyển đổi thành một chuỗi nếu có thể.

Lưu ý rằng chuỗi được chuyển đổi thành Số thay vì Boolean . Vì được "true"chuyển đổi thành một số NaN, nó sẽ không bằng bất kỳ thứ gì, vì vậy falseđược trả về.

(*: Đối với tiêu chuẩn thực tế, xem ECMA-262 §11.9.3 “Thuật toán so sánh bình đẳng trừu tượng”)

Chỉnh sửa: Các setItemgiao diện đã được trở lại là chấp nhận chuỗi chỉ trên 2011 Tháng Chín dự thảo 1st để phù hợp với hành vi của hiện thực đang tồn tại, như không ai trong số các nhà cung cấp được quan tâm trong việc hỗ trợ lưu trữ không dây. Xem https://www.w3.org/Bugs/Public/show_bug.cgi?id=12111 để biết chi tiết.

Hiện tại, tất cả các triển khai Safari , WebKit, Chrome, Firefox và IE đều tuân theo phiên bản cũ của tiêu chuẩn WebStorage, trong đó giá trị của các mục lưu trữ có thể chỉ là một chuỗi.

Một lựa chọn sẽ được sử dụng JSON parsevà stringifyphương pháp để serialize và deserialize dữ liệu, như tôi đã đề xuất một số thời gian trước đây trong một câu hỏi khác , ví dụ:

var value = "true";
JSON.parse(value) === true; // true

Giải pháp của tôi:

function tytPreGetBool(pre) {
    return localStorage.getItem(pre) === 'true';
}

Điều này liên quan đến câu trả lời của CMS.

Đây là một chức năng nhỏ mà tôi đã sử dụng để xử lý phần phân tích cú pháp của vấn đề này (chức năng này sẽ tiếp tục thực hiện Điều đúng đắn sau khi triển khai trình duyệt bắt kịp với thông số kỹ thuật, vì vậy không cần nhớ thay đổi mã sau này):

function parse(type) {
   return typeof type == 'string' ? JSON.parse(type) : type;
}

Sử dụng store.js :

localStorage.setItem('isUser', true)
localStorage.getItem('isUser') === "true" //true
npm i -D store

↓

store.get('isUser')  //true

Tôi không chắc liệu LocalStorage có thể lưu các giá trị boolean hay không nhưng tôi có thể nói với bạn rằng khi bạn làm điều alert("true" == true);đó sẽ không bao giờ đánh giá thành true vì bạn đang ngầm so sánh một chuỗi với một boolean. Đó là lý do tại sao phải đặt các giá trị boolean mà bạn sử dụng truethay thế "true".

evalcũng có thể được sử dụng cẩn thận trong một số trường hợp.

console.log(eval("true") === true) //true

Những gì tôi thường làm chỉ là lưu giá trị trong LocalStore dưới dạng Boolean, sau đó truy xuất bằng phương pháp phân tích cú pháp, chỉ để đảm bảo cho tất cả các trình duyệt. Phương pháp của tôi dưới đây được tùy chỉnh cho logic kinh doanh của tôi. Đôi khi tôi có thể lưu trữ smth là "không" và vẫn cần đổi falselại

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;}
}