从localStorage读取数据动态渲染HTML表格的代码问题咨询

错误点 #

• 变量引用错误：localStorage取出的数组已赋值给cart变量，遍历时错误使用未定义的Mylinklist作为遍历对象，会直接抛出引用错误。
• 取值逻辑错误：遍历过程中始终读取整个数组cart的name、url属性，数组本身不存在这两个属性，应该读取每次遍历返回的子项value的对应属性。
• 缺少空值兼容：若localStorage中无对应键值，JSON.parse会返回null，直接遍历会报错，需要做空值兜底。

修复后代码 #

JS逻辑（HTML结构无需调整） #

<script>
   var cart= JSON.parse(localStorage.getItem('Mylinklist')) || [];
    $.each(cart, function(key, value){
    $('tbody').append(`<tr>
    <td>${value.name}</td>
    <td>${value.url}</td>
    </tr>`)
    })
</script>

内容的提问来源于stack exchange，提问作者Niteesh kulhari