javascript - 迭代 javascript 对象

Question

这个问题已经有答案了:

Parse JSON in JavaScript? [duplicate] (16 个回答)

已关闭 9 年前。

美好的一天!

如何通过 dot(.) 语法获取 json 中的值？

这是我的 json 数据:

[
{"productName":"31","description":"this is a red item","quantity":"","price":"15"},
{"productName":"35","description":"this color is blue","quantity":"","price":"600"}]

我尝试使用

var temp = $.cookie('Table_Rows'); <-- which contains the json data above;

for (var key in temp ) {
if (temp.hasOwnProperty(key)) {
  var obj = temp[key];
  for (var prop in obj) {
     if (obj.hasOwnProperty(prop)) {
        console.log(prop + " = " + obj[prop]);
     }
   }
  }
}

然后我在控制台上看到了这个日志:

0 = [
0 = {
0 = "
0 = p
0 = r
0 = o
0 = d
0 = u
0 = c
0 = t
0 = N
0 = a
and so on..

你能帮我想出正确的方法吗..我想像 temp.productName 一样访问它。我知道这一定是一个简单的解决方案，但现在它真的让我感到困惑。谢谢您，祝您有愉快的一天!

Answer 1

您的数组包含您可以使用简单的数组索引访问器访问的产品项。

但首先，将 cookie 字符串对象解析为 JSON:

var jsonArray = JSON.parse(temp);

然后你应该想出:

var jsonArray = [{
    productName: "31",
    description: "this is a red item",
    quantity: "",
    price: "15"
}, {
    productName: "35",
    description: "this color is blue",
    quantity: "",
    price: "600"
}];

您可以像这样迭代:

for (obj in jsonArray) {
    console.log(jsonArray[obj].productName);
}

并获得以下输出:

31
35 

查看我的JSFiddle完整代码版本的示例。