วิธีการตรวจสอบว่ามีการตั้งค่ารายการที่จัดเก็บ?

ฉันจะตรวจสอบว่ารายการถูกตั้งค่าได้localStorageอย่างไร? ขณะนี้ฉันกำลังใช้

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

getItemวิธีการในสเปค WebStorage ที่ชัดเจนส่งกลับnullถ้ารายการไม่มีอยู่:

... หากคีย์ที่ระบุไม่มีอยู่ในรายการที่เกี่ยวข้องกับวัตถุวิธีการนี้จะต้องส่งคืน null ...

คุณสามารถ:

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

ดูคำถามที่เกี่ยวข้องนี้:

• การจัดเก็บวัตถุใน HTML5 localStorage

คุณสามารถใช้hasOwnPropertyวิธีการตรวจสอบนี้

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

ใช้งานได้ใน Chrome รุ่นปัจจุบัน (Mac), Firefox (Mac) และ Safari

วิธีที่สั้นที่สุดคือการใช้ค่าเริ่มต้นหากคีย์ไม่ได้อยู่ในที่เก็บข้อมูล:

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

คุณสามารถลองทำสิ่งนี้ได้หากต้องการตรวจสอบ undefined:

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

getItem เป็นวิธีการส่งคืนค่า null หากไม่พบค่า

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

หรือ

var secret =  localStorage.hash || 42;

สำหรับ TRUE

localStorage.infiniteScrollEnabled = 1;

สำหรับเท็จ

localStorage.removeItem("infiniteScrollEnabled")

ตรวจสอบการดำรงอยู่

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

คุณควรตรวจสอบประเภทของรายการใน 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?
}

หนึ่งจะทดสอบการมีอยู่ของรายการได้localStorageอย่างไร? วิธีนี้ใช้ได้กับ 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

อาจดีกว่าที่จะสแกนแผนหรือไม่

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

วิธีที่ดีที่สุดและปลอดภัยที่สุดที่ฉันสามารถแนะนำคือ

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

สิ่งนี้ผ่านno-prototype-builtinsกฎของ ESLint

ฉันใช้ในโครงการและทำงานได้อย่างสมบูรณ์แบบสำหรับฉัน

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

วิธีที่ง่ายขึ้นคือ

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

มันทำงานอย่างไร

เมื่อคุณเรียกใช้ localStorage.test ในครั้งแรกมันจะไม่มีที่เก็บใด ๆ ลงในอ็อบเจ็กต์ localStorage ดังนั้นมันจะส่งกลับทริกเกอร์เงื่อนไขที่ไม่ได้กำหนดไว้ หลังจากนั้นฉันก็เรียกใช้การตั้งค่าตัวแปรใหม่และตรวจสอบอีกครั้งว่ามีข้อมูลดังนั้นมันจึงส่งกลับข้อมูลที่มีจริงในถ้าเงื่อนไข

ลองรหัสนี้

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

} else {

}