Làm cách nào để kiểm tra xem mục Lưu trữ có được đặt không?

Làm thế nào tôi có thể kiểm tra nếu một mục được thiết lập localStorage? Hiện tại tôi đang sử dụng

if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) {
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

Các getItemphương pháp trong đặc tả WebStorage, dứt khoát trả nullnếu mục không tồn tại:

... Nếu khóa đã cho không tồn tại trong danh sách được liên kết với đối tượng thì phương thức này phải trả về null. ...

Vì vậy, bạn có thể:

if (localStorage.getItem("infiniteScrollEnabled") === null) {
  //...
}

Xem câu hỏi liên quan này:

• Lưu trữ các đối tượng trong HTML5 localStorage

Bạn có thể sử dụng hasOwnPropertyphương pháp để kiểm tra điều này

> localStorage.setItem('foo', 123)
undefined
> localStorage.hasOwnProperty('foo')
true
> localStorage.hasOwnProperty('bar')
false

Hoạt động trong các phiên bản hiện tại của Chrome (Mac), Firefox (Mac) và Safari.

Cách ngắn nhất là sử dụng giá trị mặc định, nếu khóa không có trong bộ lưu trữ:

var sValue = localStorage['my.token'] || ''; /* for strings */
var iValue = localStorage['my.token'] || 0; /* for integers */

Bạn cũng có thể thử điều này nếu bạn muốn kiểm tra không xác định:

if (localStorage.user === undefined) {
    localStorage.user = "username";
}

getItem là một phương thức trả về null nếu không tìm thấy giá trị.

if(!localStorage.hash) localStorage.hash = "thinkdj";

Hoặc là

var secret =  localStorage.hash || 42;

ĐÚNG

localStorage.infiniteScrollEnabled = 1;

CHO SAU

localStorage.removeItem("infiniteScrollEnabled")

KIỂM TRA KIỂM TRA

if (localStorage[""infiniteScrollEnabled""]) {
  //CODE IF ENABLED
}

Bạn nên kiểm tra loại vật phẩm trong localStorage

if(localStorage.token !== null) {
   // this will only work if the token is set in the localStorage
}

if(typeof localStorage.token !== 'undefined') {
  // do something with token
}

if(typeof localStorage.token === 'undefined') {
  // token doesn't exist in the localStorage, maybe set it?
}

Làm thế nào có thể kiểm tra sự tồn tại của một mặt hàng trong localStorage? phương pháp này hoạt động trong internet explorer.

<script>
    try{
        localStorage.getItem("username");
    }catch(e){
        alert("we are in catch "+e.print);
    }
</script>

localStorage['root2']=null;

localStorage.getItem("root2") === null //false

Có lẽ tốt hơn để làm một kế hoạch quét?

localStorage['root1']=187;
187
'root1' in localStorage
true

Cách tốt nhất và an toàn nhất tôi có thể đề xuất là đây,

if(Object.prototype.hasOwnProperty.call(localStorage, 'infiniteScrollEnabled')){
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

Điều này thông qua no-prototype-builtinsquy tắc của ESLint .

Tôi đã sử dụng trong dự án của tôi và làm việc hoàn hảo cho tôi

var returnObjName= JSON.parse(localStorage.getItem('ObjName'));
if(returnObjName && Object.keys(returnObjName).length > 0){
   //Exist data in local storage
}else{
  //Non Exist data block
}

cách dễ dàng là

if(localStorage.test){
console.log("now defined");
}
else{
console.log("undefined");
localStorage.test="defined;"
}

Làm thế nào nó hoạt động

khi bạn gọi localStorage.test lần đầu tiên, nó không chứa bất kỳ cửa hàng nào vào đối tượng localStorage để nó trả về các kích hoạt điều kiện khác không xác định. Sau khi kích hoạt, tôi đặt biến mới và kiểm tra lại nó có chứa dữ liệu để nó trả về dữ liệu với true trong điều kiện if

Hãy thử mã này

if (localStorage.getItem("infiniteScrollEnabled") === null) {

} else {

}