저장소 항목이 설정되어 있는지 확인하는 방법

항목이 설정되어 있는지 어떻게 확인할 수 localStorage있습니까? 현재 사용하고 있습니다

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

getItemWebStorage 사양 의 메소드 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;

참

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있습니까? 이 방법은 인터넷 익스플로러에서 작동합니다.

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

이것은 ESLint의 no-prototype-builtins규칙을 통과합니다 .

나는 내 프로젝트에서 사용했고 나를 위해 완벽하게 작동합니다.

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 객체에 대한 저장소가 없으므로 정의되지 않은 else 조건 트리거를 반환합니다. 다른 트리거 후 새 변수를 설정하고 다시 데이터가 포함되어 있는지 확인하여 if 조건에서 true로 데이터를 반환합니다.

이 코드를 사용해보십시오

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

} else {

}