Javascript 使用jQuery解析存储在本地存储中的JSON

我目前正在使用Simplecart.js将项目存储到本地存储中。下面的JSON就是我正在使用的。我只需要解析thumb和name，然后使用jQuery在浏览器上显示它们。实现这一目标的最佳方法是什么

{
  "SCI-1": {
    "quantity"  : 1,
    "id"        : "SCI-1",
    "name"      : "item1",
    "thumb"     : "http://www.example.com/img/1.jpg",
    "url"       : "http://www.example.com/1/",
    "thumbnail" : "http://www.example.com/img/thumbnail/1.jpg",
    "size"      : "10x10"
  },

  "SCI-2": {
    "quantity"  : 1,
    "id"        : "SCI-2",
    "name"      : "item2",
    "thumb"     : "http://www.example.com/img/2.jpg",
    "url"       : "http://www.example.com/2/",
    "thumbnail" : "http://www.example.com/img/thumbnail/2.jpg",
    "size"      : "20x20"
  },

  "SCI-3": {
    "quantity"  : 1,
    "id"        : "SCI-3",
    "name"      : "item3",
    "thumb"     : "http://www.example.com/img/3.jpg",
    "url"       : "http://www.example.com/3/",
    "thumbnail" : "http://www.example.com/img/thumbnail/3.jpg",
    "size"      : "30x30"
  }
}

下面的控制台输出返回对象：

var item = JSON.parse( localStorage.getItem( 'simpleCart_items' ) );

console.log( item );

---

试试这个。您需要为循环使用

var项={
“SCI-1”：{
“数量”：1，
“id”：“SCI-1”，
“名称”：“项目1”，
“拇指”：http://lorempixel.com/100/200/",
“url”：”http://lorempixel.com/100/200/",
“缩略图”：http://lorempixel.com/100/200/",
“尺寸”：“10x10”
},
“SCI-2”：{
“数量”：1，
“id”：“SCI-2”，
“名称”：“项目2”，
“拇指”：http://lorempixel.com/100/200/",
“url”：”http://www.example.com/2/",
“缩略图”：http://www.example.com/img/thumbnail/2.jpg",
“大小”：“20x20”
},
“SCI-3”：{
“数量”：1，
“id”：“SCI-3”，
“名称”：“项目3”，
“拇指”：http://lorempixel.com/100/200/",
“url”：”http://www.example.com/3/",
“缩略图”：http://www.example.com/img/thumbnail/3.jpg",
“尺寸”：“30x30”
}
}
var html=“”；
对于（项目中的变量x）{
html+=“拇指：
“+”名称：“+item[x].Name+”
”；
}
$（“#结果”）.append（html）
试试这个。您需要为
循环使用


var项={
“SCI-1”：{
“数量”：1，
“id”：“SCI-1”，
“名称”：“项目1”，
“拇指”：http://lorempixel.com/100/200/",
“url”：”http://lorempixel.com/100/200/",
“缩略图”：http://lorempixel.com/100/200/",
“尺寸”：“10x10”
},
“SCI-2”：{
“数量”：1，
“id”：“SCI-2”，
“名称”：“项目2”，
“拇指”：http://lorempixel.com/100/200/",
“url”：”http://www.example.com/2/",
“缩略图”：http://www.example.com/img/thumbnail/2.jpg",
“大小”：“20x20”
},
“SCI-3”：{
“数量”：1，
“id”：“SCI-3”，
“名称”：“项目3”，
“拇指”：http://lorempixel.com/100/200/",
“url”：”http://www.example.com/3/",
“缩略图”：http://www.example.com/img/thumbnail/3.jpg",
“尺寸”：“30x30”
}
}
var html=“”；
对于（项目中的变量x）{
html+=“拇指：
“+”名称：“+item[x].Name+”
”；
}
$（“#结果”）.append（html）
这里有一个快速方法，但请添加安全检查。我没有在这里做这些


这里有一个快速的方法，但请添加安全检查。我没有在这里做这些


迭代对象，只返回缩略图和名称。您需要显示您尝试过的内容。我可以保证，你可以通过谷歌搜索将这一切粘在一起。迭代对象，只返回缩略图和名称。你需要显示你尝试过的内容。我可以保证，您可以通过谷歌搜索将这些内容粘在一起。这个解决方案很有效，但是当我试图输出图像时，斜杠被剥掉了。@JONxBLAZE我已经用实际图像更新了代码，加载正常，请检查。这个解决方案有效，但是，当我试图输出图像时，斜杠被去掉了。@JONxBLAZE我已经用实际图像更新了代码，加载正常，请检查。
var json= JSON.parse( localStorage.getItem( 'simpleCart_items' ) );
    for (var key in json) {
        console.group("items for "+key)
      console.log("thumb:" + json[key].thumb);
      console.log("name:" + json[key].name);
      console.groupEnd();
    }