if-statement - 检查 localStorage 中的所有 3 个项目是否都存在

Question

我正在尝试检查 localstorage 中的 3 个项目，如果这 3 个项目存在，则将页面重定向到新页面。这是我存储的项目......这些项目在用户完成任务时存储，如果他们完成了所有 3 个任务，那么我希望它将它们重定向到新页面。我需要一些关于如何编写一个检查所有 3 个项目并在它们都存在时重定向到新页面的函数的指导。

 $(document).ready(function(){ 


    if(localStorage.getItem('mySmallTokenState') == 'open') {
                $(".complete-sm-off").addClass("complete-sm-on");


    }
    if(localStorage.getItem('myMedTokenState') == 'open') {
                $(".complete-med-off").addClass("complete-med-on");


    }
    if(localStorage.getItem('myLrgTokenState') == 'open') {
                $(".complete-lrg-off").addClass("complete-lrg-on");


    }



 }); 

Answer 1

你可以

• 嵌套if语句，或
• 将它们结合起来

像这样：

if (condition) {
  if (condition2) {
    // Do something
  }
}

或者

if (condition && condition2) {
  // Do something
}

Answer 2

要通过 javascript 转到新页面，只需要window.location.href = URL_GOES_HERE;

因此，如果这些是您想要进行的 localStorage 检查，则很简单：

if(localStorage.getItem('mySmallTokenState') == 'open' && localStorage.getItem('myMedTokenState') == 'open' && localStorage.getItem('myLrgTokenState') == 'open') {
    window.location.href = URL_GOES_HERE;
}