如何检查并仅检索JSON

Question

我收到以下JSON作为响应

{
                "user_details": [
                {
                        "Name": "Mark"
                },
                {
                        "Age": "35"
                },
                {
                        "Gender": "Male"
                },
                {
                        "Country": "US"
                }]
}

我正在解析这个JSON，如下所示

 var ajaxresponse = response.user_details;
        if (ajaxresponse.length > 0)
        {
                var Name = ajaxresponse[0].Name;
                var Age = ajaxresponse[1].Age;
                var Gender = ajaxresponse[2].Gender;
                var Country = ajaxresponse[3].Country;
                console.log(Name);
        }

这很好用。

我的问题是，如果JSON中缺少任何一个键，例如“名称”丢失，它就会断裂，我将无法定义

是否可以检查是否存在，然后重试？

https://jsfiddle.net/o2gxgz9r/9078/

关于我修改了json的答案

{
                "user_details": [
                {
                     "Name": "Mark",
                        "Age": "35",
                        "Gender": "Male",
                        "Country": "US"
                        }
              ]
        }

但是他自己的财产不起作用了？

请看这把小提琴

https://jsfiddle.net/o2gxgz9r/9085/

Answer 1

让它更通用一点尝试这样的方法，它将迭代每个项目的user\u详细信息数组设置属性。

var ajaxresponse = response.user_details;
var user_details = ajaxresponse.reduce(function(details, detail){
    // details is the object we'll populate and will get assigned to user_details
    // detail is the current user detail object - Name/Age/Gender/Country

    // get property name for this "detail"
    var propertyName = Object.getOwnPropertyNames(detail)[0];

    // set the property and value for the current detail object
    details[propertyName] = detail[propertyName];

    // return the updated details object for the next iteration
    return details;
}, {});

console.log(user_details.Name);

这增加了一个额外的好处，即结果集中的任何新属性都将被自动处理。

Answer 2

使用javascript的hasOwnProperty函数，

if(json_object.hasOwnProperty('name')){
//do struff
}

这儿呢

if (ajaxresponse.length > 0)
    {
        if(ajaxresponse.hasOwnProperty("Name"))
        {
            var Name = ajaxresponse[0].Name;
            var Age = ajaxresponse[1].Age;
            var Gender = ajaxresponse[2].Gender;
            var Country = ajaxresponse[3].Country;
            console.log(Name);
       }
    }

Answer 3

首先，这是一种错误的方式来发送数据作为来自任何来源的响应。

理想的方式应该是一个对象映射或向量，如下所示：

user_details: {
   name: "Mark",
   age: 35,
   gender: "male",
   country: "USA"
}

第二，如果您想要获得数据结构的解决方案，那么必须实际遍历每个项的数组，并查看其上是否存在属性。

var arr = ajaxResponse;

var name,age,country,age;

arr.forEach(function(item){
    if(item.hasOwnProperty('name')){
        name = item.name
    }
    //similarly for other objects in the array
));