如何处理从本地存储接收的空字符串

Question

<script type="text/javascript">

       function addfav(favor){
         // let a=String(favor.value)
         // console.log(a)
         // console.log(favor)

         let b=document.getElementById(favor).parentElement.parentElement.id
         console.log(b)
         let str=JSON.parse(localStorage.getItem("Favorites"))
         //What to do if str is null?
         str.push(b);
         localStorage.setItem("Favorites", JSON.stringify(str))
         document.getElementById(b).style="background-image: linear-gradient(to right,#5F0A87,#A4508B);";
       }
     </script>
     <script type="text/javascript">
       function getfav(){
         let i=0;
         var str=JSON.parse(localStorage.getItem("Favorites"))
         console.log(str)

         for(i=0;i<str.length;i++){
           document.getElementById(str[i]).style="background-image: linear-gradient(to right,#5F0A87,#A4508B);";
           console.log(document.getElementById(str[i]))
         }

       }


     </script>

最初，当我最喜欢的列表为空时，它显示为 null，我无法附加任何内容/推送任何内容

上面给出的是addfav和getfav函数，其中addfav由点击触发，getfav在页面加载时触发

有什么方法可以防止 null 发生/处理 null str？

Answer 1

使用前检查str的值...

例子：

let str = JSON.parse(localStorage.getItem("Favorites"));
if (!Array.isArray(str)) {
  str = [];
}
// Use str as an array...