如何通过 JavaScript 在 JSON 中构建这个 XML 结构？

Question

我有这个 XML 结构，我希望使用 JavaScript 以 JSON 格式构建它 - 如果可能的话，最好一直使用点表示法。 :)

这里是 XML - 注意这是一个伪结构，保持简单！ :)

<Items>
   <Item>
      <Name>Item 1</Name>
      <SubItems>
         <Item>
           <Name>Sub Item 1</Name>
         </Item>
      </SubItems>
   </Item>
   <Item>
      <Name>Item 2</Name>
   </Item>
</Items>

所以，当我将我的 JSON 转换为 XML（在服务器上）时，输出应该像上面那样。

我需要帮助才能开始。我在 Google 上四处搜索，但找不到任何有关如何执行此操作的示例。

提前致谢！

编辑：我正在使用 NewtonSoft JSON for .NET 将 JSON 转换为 XML！

编辑 2：好的，我想出了原始 JSON 结构来正确转换为 XML - 这里是：

var json = {
        "Items":
            {
                "Item":
                    [   
                        {
                            "Name": "Test 1" ,
                            "SubItems":
                            {
                                "Item":
                                    [
                                        {
                                            "Name":"Test 1"
                                        },
                                        {
                                            "Name":"Test 2"
                                        }
                                    ]
                            }
                        },
                        {
                            "Name":"Test 2"
                        }
                    ]
            }
    };

这将产生与上面定义的完全相同的 XML 结构。

现在，我将如何使用点符号构建这个结构？

编辑 3：在 Nikhil & Darin 的帮助下，我想通了，但这只能回答伪问题。但是，我会将其标记为已回答并创建一个新问题。 :)

编辑 4：我将我的扩展发布到标记的答案。 :)

Answer 1

应该这样做：

var items = [
              {"name":"Item 1","subitems":[
                {"name":"Subitem 1"}
              ]},
              {"name":"Item 2"}
            ];

Answer 2

var items = [ ];

var item1 = { };
item1.Name = 'Item 1';
item1.SubItems = [ ];
var subItem = { };
subItem.Name = 'Sub Item 1';
item1.SubItems.push(subItem);
items.push(item1);

var item2 = { };
item2.Name = 'Item 2';
items.push(item2);

Answer 3

var json = {};
json.Items = {};
json.Items.Item = new Array();

var item1 = {};
item1.Name = "Test 1"
item1.SubItems = new Array();

var subItem1 = {};
subItem1.Item = new Array();
subSubItem1 = {};
subSubItem1.Name = "Test 1";
subSubItem2 = {};
subSubItem2.Name = "Test 2";
subItem1.Item.push(subSubItem1);
subItem1.Item.push(subSubItem2);
item1.SubItems.push(subItem1);
var item2 = {};
item2.Name = "Test 2";
json.Items.Item.push(item1);
json.Items.Item.push(item2);

以上代码的输出是

{
    "Items": {
        "Item": [
            {
                "Name": "Test 1",
                "SubItems": [
                    {
                        "Item": [
                            {
                                "Name": "Test 1"
                            },
                            {
                                "Name": "Test 2"
                            }
                        ]
                    }
                ]
            },
            {
                "Name": "Test 2"
            }
        ]
    }
}

应该这样做:)

Answer 4

Nikhil 回答了这个问题，并且得到了魔法。 :) - 我正在用我编写的代码扩展他的答案以获得我正在寻找的结果。

在收到伪问题的答案后，我真正的问题是我的结构中有不同的项目类型，它们都共享项目根节点。

这是我如何解决问题的伪示例。同样，Nikhil 的回答是解决方案的基础，非常感谢他 :)

假设我们有一个根节点 Fruits，我们有不同类型的水果。比如说，苹果和香蕉。

以下是我获得 JSON 结构（以及最终获得我需要的 XML 转换输出）的方式：

// Create the JSON Object
var json = {};
// Create the Fruits Objects (Our root)
json.Fruits = {};
for (var i = 0; i < 3; i++){ 
    // Pseudo condition
    if (i == 0 || i == 1) {
        // Make sure we have an Apple array
        if(json.Fruits.Apple == undefined)
            json.Fruits.Apple = [];
        json.Fruits.Apple.push({
             "Color": "Green"
        });
     } else {
        // Make sure we have a Banana array
        if (json.Fruits.Banana == undefined)
            json.Fruits.Banana = [];
        json.Fruits.Banana.push({
             "Color": "Yellow" 
        });
    }
}

这将输出以下 JSON：

{"Fruits":
   {"Apple":
      [
       {"Color":"Green"},
       {"Color":"Green"}
      ],
    "Banana":
      [
       {"Color":"Yellow"}
      ]
   }
}

最终，以下 XML：

<Fruits>
  <Apple>
    <Color>Green</Color> 
  </Apple>
  <Apple>
    <Color>Green</Color> 
  </Apple>
  <Banana>
    <Color>Yellow</Color> 
  </Banana>
</Fruits>