在JSON中使用动态多维键值对

时间:2015-08-12 21:30:07

标签: javascript jquery json multidimensional-array key-pair

有一个棘手的问题,只能在SO上看到类似但更简单的解决方案。

是否可以使用JS / JSON生成动态键和动态值?

例如,假设我有这样的JSON:

{
    "email": "user@someco.com",
    "firstname": "Bob",
    "lastname": "Smith",
    "company": "ACME",
    "custom": {
        "services": [
            {
                "name": "svc1",
                "desc": "abcdefg",
                "selected": "true",
                "status": "None"
            },
            {
                "name": "svc2",
                "desc": "abcdefg",
                "selected": "true",
                "status": "None"
            },
            {
                "name": "svc3",
                "desc": "abcdefg",
                "selected": "false",
                "status": "None"
            },
            {
                "name": "svc4",
                "desc": "abcdefg",
                "selected": "false",
                "status": "None"
            }
        ],
        "fields": [
            {
                "name": "Products",
                "desc": "abcdef",
                "type": "multi",
                "values": [
                    {
                        "name": "Product1",
                        "desc": "abcdef"
                    },
                    {
                        "name": "Product2",
                        "desc": "abcdef"
                    }
                ],
                "services": [
                    "svc1",
                    "svc2",
                    "svc3"
                ]
            },
            {
                "name": "Wines",
                "desc": "abcdef",
                "type": "multi",
                "values": [
                    {
                        "name": "Wine 1",
                        "desc": "abcdef"
                    }
                ],
                "services": [
                    "svc4"
                ]
            },
            {
                "name": "Fruits",
                "desc": "abcdef",
                "type": "multi",
                "values": [
                    {
                        "name": "Fruit 1",
                        "desc": "abcdef"
                    },
                    {
                        "name": "Fruit 2",
                        "desc": "abcdef"
                    }
                ],
                "services": [
                    "svc4"
                ]
            }
        ]
    }
};

我需要进入田地和每个田地(产品,葡萄酒,水果),看看是否包含一个特定的服务,以便我可以返回并为每个需要它的服务生成产品或葡萄酒或水果。但我不想多次重复服务名称。生成的JSON应如下所示:

{"svc1":["Products"], "svc2":["Products"], "svc3":["Products"], "svc4":["Fruits", "Wines"]} 

希望在Angular中生成一个动态列表我可以通过这个JSON转回并循环回来,拉出每个产品,水果,葡萄酒等的价值。

我一直在尝试很多嵌套for循环之类的东西,但每当我得到不止一层时,动力似乎停止了。我猜这个工作我需要在JS Objects和JSON之间移动?

现在我正在尝试这样的事情,这不是很有效,字符串化或没有。也许我在JSON和JS Objects之间翻转过多:

var outObj = [];    

var fieldItems;
        $.each(jsonObj.custom.fields, function(key, item) {
            fieldItems = item;
            fieldItems.name = item.name;
            $.each(fieldItems.services, function(key, item) {
                var serviceName = item;
//check to see if the serviceName already exists
                if (outObj.indexOf(serviceName) > -1) {
                outObj.serviceName.push(fieldItems.name);
            } else {
                outObj.push(serviceName);
            }

            });
        });

        JSON.stringify(outObj);
        console.log("outObj " + outObj);

我得到“无法读取属性'推送'未定义的”错误等。似乎这应该是从单个嵌套循环可能的,但也许我只需要做两次传递?还有其他建议吗?

1 个答案:

答案 0 :(得分:3)

对我而言,这听起来像是过于复杂的解决方案。您可以使用javascript的基本数组方法来过滤掉所需的结构。我不确定所呈现的片段中的profiling_value是什么,所以我从OP中的对象结构开始

var desiredResult = jsonObj.custom.services.reduce(function(result, service){
  result[service.name] = jsonObj.custom.fields.filter(function(field){
       return field.services.indexOf(service.name) >= 0;
   }).map(function(field){ return field.name; });
  return result;
}, {});

这给出了上述对象的预期结果。

需要

reduce迭代所有服务并将结果累积到一个对象中。然后,对于每个服务字段,仅迭代到filter的那些包含此服务的链接的字段。最后,过滤字段列表被转换(map)到字符串列表 - 它们的名称 - 并插入到累加器中