动态创建嵌套的 JSON 对象

Create a nested JSON object dynamically

本文关键字：JSON 对象 嵌套 创建 动态      更新时间：2023-09-26

>（context）我从一堆元素中收集到一个 JSON 对象中，然后传递给 MVC3 控制器，在那里它被反序列化为一个对象。

有"项目"和"项目设置"。 目前，我在平面 JSON 对象中都有项目和项目设置。 理想情况下，我希望将项目设置嵌套在每个项目下。 我的代码目前如下所示：

 var editeditems=[];
...
        $("#SaveChanges").click(function() {
            //this works and retrieves all of the item IDs
            $(".portlet").each(function() {
                var itemname = $(this).data("itemname");
         editeditems.push(
                        {
                            "itemname": itemname
                        });
   itemname = $(this).data("itemname");
      $(".settingInput").each(function() {
          editeditems.push(
              {
              "settingkey":$(this).attr("name"),
              "settingvalue":$(this).attr("value")
              });

                });

 });

在 $（".settingInput"）下，每个函数都是添加设置的地方。 我尝试过像"editedItems.settings.push.."这样的语法，但它返回语法错误。

任何帮助将不胜感激！

var editeditems = [];
...
$('#SaveChanges').click(function() {
    $('.portlet').each(function() {
        var settings = [];
        $('.settingInput').each(function() {
            settings.push({
                settingkey: $(this).attr('name'),
                settingvalue: $(this).attr('value')
            });
        });
        editeditems.push({
            itemname: $(this).data('itemname'),
            settings: settings
        });
    });
    ...
});

将生成示例输出：

var editeditems = 
[
    {
        "itemname": "item1",
        "settings": [
            {
                "settingkey": "key1",
                "settingvalue": "value1"
            },
            {
                "settingkey": "key2",
                "settingvalue": "value2"
            }
        ]
    },
    {
        "itemname": "item2",
        "settings": [
            {
                "settingkey": "key1",
                "settingvalue": "value3"
            },
            {
                "settingkey": "key2",
                "settingvalue": "value4"
            }
        ]
    }
];

var ei = {'settings': [3]};
ei.settings.push(4);
console.log(ei);
// This will output an object with property settings and value an array with values (3 and 4)
您需要

将平面数据数组 json 创建为：

[{"itemname": "item1","settingkey": "key1","settingvalue": "value1"},
 {"itemname": "item2","settingkey": "key2","settingvalue": "value2"},];

比像这样处理上面的日期

var keys = Object.keys(dataMap);
var json = [];
for (var key in keys) {
        var innerJson = {};
        innerJson["name"] = keys[key];
        var innerMap = dataMap[keys[key]];
        if (innerMap instanceof Array) {
            innerJson["size"] = innerMap[0];
        } else if (innerMap instanceof Object) {
            var child = processHirarchiachalData(innerMap);
            innerJson["children"] = child;
        }
        json.push(innerJson);
    
}
相关文章：