JavaScript 对象迭代

Question

由于我正在进行 AJAX 调用，我无法访问从服务器端脚本以 JSON 形式接收的对象中的某些属性。我的 JSON 数据可以采用两种形式之一，具体取决于对象本身的数据。

表格 1：

        "MY_OBJ" : { "FILE" : "myfile.txt",
        "PARAMS" : { "PARAM" : { "KEY" : "mykey",
                "VALUE" : "myvalue"
              } }
          }

表格 2：

        "MY_OBJ" : { "FILE" : "myfile.txt",
        "PARAMS" : { "PARAM" : [ { "KEY" : "mykeyone",
                  "VALUE" : "myvalueone"
                },
                { "KEY" : "mykeytwo",
                  "VALUE" : "myvaluetwo"
                }
              ] }
          }

这就是我当前尝试解析要在浏览器中显示的数据的方式：

    function(v) {
var myFormattedData = v.FILE;
if (v.PARAMS !== undefined && v.PARAMS.PARAM !== undefined &&  v.PARAMS.PARAM.KEY !== undefined && v.PARAMS.PARAM.VALUE !== undefined) {
    myFormattedData += '<br />' + v.PARAMS.PARAM.KEY + ' : ' + v.PARAMS.PARAM.VALUE;
} }

当我的数据位于表格 1 中时，此方法工作正常。在这种情况下，我将在浏览器中获得输出，例如

myfile.txt
mykey : myvalue

...。 ..这正是我想要的。

但是，当数据采用 Form 2 时，我得到的只是浏览器中显示的文件名，如下所示......

myfile.txt

但我想要得到的是......

myfile.txt
mykeyone : myvalueone
mykeytwo : myvaluetwo

我需要能够处理获取两种形式的数据。更糟糕的是，我可能还应该计划在未来某个时候接收不仅仅是一两个键值对的可能性。我已经为此苦苦挣扎了很长时间。非常感谢任何帮助！

谢谢你！

Answer 1

为了简化处理，请检查 PARAM 对象的类型。如果它是一个数组，那么您将得到类型 2 的响应。否则，它是类型 1 的响应。通过将 PARAM 包装在数组内，将类型 1 转换为类型 2 进一步简化，这样您就可以将无论服务器如何发送它，所有内容在客户端都作为数组。

function(data) {
    var params = data.PARAMS.PARAM;
    if (!(params instanceof Array)) {
        // convert to Array to treat everything alike
        params = [ params ];
    }
    // now that we know we are always dealing with an array,
    // loop through each item and print each key, value pair
    params.forEach(function(param) {
        console.log(param.KEY + ": " + param.VALUE);
    });
}

Answer 2

尝试对第二种形式执行类似的操作：

for(i=0;i<v.PARAMS.PARAM.length;i++) {
   myFormattedData += '<br />' + v.PARAMS.PARAM[i].KEY + ' : ' + v.PARAMS.PARAM[i].VALUE;
}

Answer 3

在 form1 中，v.PARAMS.PARAM.KEY 将为非空。

在表单 2 中，它将为 null。
在这种情况下，您需要将键和值引用为 v.PARAMS.PARAM[0].KEY 和 v.PARAMS.PARAM[0].VALUE ，并且v.PARAMS.PARAM[1].KEY

Answer 4

在第二个版本中，v.PARAMS.PARAM 是一个数组。您应该检查它是否确实是一个数组，然后迭代该数组。以下代码仅适用于表单 2。如果任一表单都可能从服务器返回，则您需要将您的函数与我所展示的函数混合。

function( v )
{
    var myFormattedData = v.FILE;
    if( v.PARAMS !== undefined && v.PARAMS.PARAM !== undefined && v.PARAMS.PARAM instanceof Array )
    {
        var l = v.PARAMS.PARAM.length,
            current;
        for( var i = 0; i < l; i++ )
        {
            current = v.PARAMS.PARAM[i];
            if( current.KEY !== undefined && current.VALUE !== undefined )
            {
                myFormattedData += '<br />' + current.KEY + ' : ' + current.VALUE;
            }
        }
    }
}