堆栈内存溢出
  简体   繁体   English

使用 Javascript 将 JSON 转换为 XML

[英]JSON to XML Using Javascript

 原文  2018-02-14 13:45:29  3   8    javascript/ arrays/ json/ xml

问题描述

I am trying to convert the JSON to XML but not getting exact output.In My JSON having array object it not converting that to XML array.Mainly array object is not converting into XML as expected我正在尝试将 JSON 转换为 XML 但没有得到确切的输出。在我的 JSON 有数组对象它没有将它转换为 XML 数组。主要是数组对象没有按预期转换为 XML

var InputJSON = "{"body":{"entry": [{ "fullURL" : "abcd","Resource": "1234"},{ "fullURL" : "efgh","Resource": "5678"}]}}";
var output = eval("OBJtoXML("+InputJSON+");")

function OBJtoXML(obj) {
    var xml = '';
    for (var prop in obj) {
        xml += "<" + prop + ">";
        if(obj[prop] instanceof Array) {
            for (var array in obj[prop]) {
                xml += OBJtoXML(new Object(obj[prop][array]));
            }
        } else if (typeof obj[prop] == "object") {
            xml += OBJtoXML(new Object(obj[prop]));
        } else {
            xml += obj[prop];
        }
        xml += "</" + prop + ">";
    }
    var xml = xml.replace(/<\/?[0-9]{1,}>/g,'');
    return xml
}

Actual Output:实际输出：

<body>
  <entry>
    <fullURL>abcd</fullURL>
    <Resource>1234</Resource>
    <fullURL>efgh</fullURL>
    <Resource>5678</Resource>
  </entry>
</body>

Expected Output:预期输出：

<body>
  <entry>
    <fullURL>abcd</fullURL>
    <Resource>1234</Resource>
  </entry>
 <entry>
    <fullURL>efgh</fullURL>
    <Resource>5678</Resource>
  </entry>
</body>

Please guide me if i am missing anything from the code to get my expected result如果我遗漏了代码中的任何内容以获得预期结果，请指导我

8 个解决方案

解决方案1
 11 已采纳  2018-02-14 14:28:37

replace your OBJtoXML function with将您的OBJtoXML函数替换为

function OBJtoXML(obj) {
  var xml = '';
  for (var prop in obj) {
    xml += obj[prop] instanceof Array ? '' : "<" + prop + ">";
    if (obj[prop] instanceof Array) {
      for (var array in obj[prop]) {
        xml += "<" + prop + ">";
        xml += OBJtoXML(new Object(obj[prop][array]));
        xml += "</" + prop + ">";
      }
    } else if (typeof obj[prop] == "object") {
      xml += OBJtoXML(new Object(obj[prop]));
    } else {
      xml += obj[prop];
    }
    xml += obj[prop] instanceof Array ? '' : "</" + prop + ">";
  }
  var xml = xml.replace(/<\/?[0-9]{1,}>/g, '');
  return xml
}

解决方案2
 3  2018-02-14 14:14:48

There are a few problems here, for starters, here the JSON string variable either needs to have it's quotes escaped.这里有一些问题，对于初学者来说，这里的 JSON 字符串变量要么需要对其引号进行转义。 Or be wrapped in single quotes.或者用单引号括起来。 For example:例如：

var InputJSON = '{"body":{"entry": [{ "fullURL" : "abcd","Resource": "1234"},{ "fullURL" : "efgh","Resource": "5678"}]}}';

Next, there is no need to use eval here, when using JSON in JavaScript you should use JSON.parse接下来，这里不需要使用eval ，在 JavaScript 中使用 JSON 时应该使用JSON.parse

// First parse the JSON
var InputJSON = JSON.parse(InputJSON);

// Now execute the 'OBJtoXML' function
var output = OBJtoXML(InputJSON);

Now we come to the meat of this question, why is entry only occuring once?现在我们来到这个问题的核心，为什么entry只发生一次？ The problem that you're having is that xml += "<" + prop + ">";您遇到的问题是xml += "<" + prop + ">"; and xml += "</" + prop + ">";和xml += "</" + prop + ">"; are only happening once per property.每个属性只发生一次。 A possible solution would look like this:一个可能的解决方案如下所示：

function OBJtoXML(obj) {
    var xml = '';
    for (var prop in obj) {
        xml += "<" + prop + ">";
        if(Array.isArray(obj[prop])) {
            for (var array of obj[prop]) {

                // A real botch fix here
                xml += "</" + prop + ">";
                xml += "<" + prop + ">";

                xml += OBJtoXML(new Object(array));
            }
        } else if (typeof obj[prop] == "object") {
            xml += OBJtoXML(new Object(obj[prop]));
        } else {
            xml += obj[prop];
        }
        xml += "</" + prop + ">";
    }
    var xml = xml.replace(/<\/?[0-9]{1,}>/g,'');
    return xml
}

解决方案3
 1  2018-02-15 07:28:44

var inputJSON = '{"body":{"entry": [{ "fullURL" : "abcd","Resource": "1234"},{ "fullURL" : "efgh","Resource": "5678"}]}}';
var parsedInput = JSON.parse(inputJSON);

function OBJtoXML(obj) {
    var xml = '';
    for (var prop in obj) {
        if (obj[prop] instanceof Array) {
            for (var array in obj[prop]) {
                xml += '<' + prop + '>';
                xml += OBJtoXML(new Object(obj[prop][array]));
                xml += '</' + prop + '>';
            }
        } else {
            xml += '<' + prop + '>';
            typeof obj[prop] == 'object' ? xml += OBJtoXML(new Object(obj[prop])) : xml += obj[prop];
            xml += '</' + prop + '>';
        }
    }
    var xml = xml.replace(/<\/?[0-9]{1,}>/g, '');
    return xml;
}

解决方案4
 1  2021-06-30 17:34:37

Using xml-js lib使用xml-js库

import { json2xml } from "xml-js";

const input = {
  contact: {
    name: `John & cia "example"`
  }
};
const xml = json2xml(input, {
  compact: true
});

// <contact><name>John &amp; cia \"example\"</name></contact>

https://codesandbox.io/s/xml-json-forked-zgit4?file=/src/index.js:97-103 https://codesandbox.io/s/xml-json-forked-zgit4?file=/src/index.js:97-103

:) :)

解决方案5
 0  2019-09-01 22:31:45

Xml-to-json library has method jsonToXml(json) . Xml-to-json库有方法jsonToXml(json) 。

var inputJSON = '{"body":{"entry": [{ "fullURL" : "abcd","Resource": "1234"},{ "fullURL" : "efgh","Resource": "5678"}]}}';

var xml = jsonToXml(inputJSON);

// <?xml version="1.0" encoding="UTF-8"?>
// <body>
//   <entry>
//     <fullURL>abcd</fullURL>
//     <Resource>1234</Resource>
//   </entry>
//   <entry>
//     <fullURL>efgh</fullURL>
//     <Resource>5678</Resource>
//   </entry>
// </body>

解决方案6
 0  2019-11-01 02:16:56

function OBJtoXML(obj, index) {
    var xml = '', 
        root, 
        count = 0;
    if (index > 0) count = index;
    for (var prop in obj) {
      switch (typeof obj[prop]) {
          case 'object': {
              if(obj[prop] instanceof Array) {
                  for (var instance in obj[prop]) {
                    xml += `\n\t<${prop}>\n${OBJtoXML(new Object(obj[prop][instance]))}\t</${prop}>`;
                  }
              }
              else {
                  if (count === 0) {
                    // console.log(`Setting root: ${prop}`)
                    root = prop
                  }
                  xml += `<${prop}>${OBJtoXML(new Object(obj[prop]), count)}\n</${prop}>\n`;
              }
              break;
          }
          case 'number':
          case 'string': {
              // console.log(`Setting ${typeof obj[prop]}`)
              xml += `\t\t<${prop}>${obj[prop]}</${prop}>\n`;
              break;
          }
      }
      count += 1;
    }
    return xml
}

var InputJSON = '{"body":{"entry": [{ "fullURL" : "abcd","Resource": "1234"},{ "fullURL" : "efgh","Resource": "5678"}]}}';
var output = eval("OBJtoXML("+InputJSON+");");
console.log(output);

解决方案7
 0  2020-04-15 01:59:09

const objectToXml = (object) => Object.keys(object).reduce((reqStr, key) => {
  const value = object[key] || '';
  const isObject = typeof value === 'object';
  const isArray = Array.isArray(value);
  if (isArray) {
    return reqStr + value.reduce((accumulator, currentValue) =>
      accumulator + `<${key}>${ typeof currentValue === 'object' ? objectToXml(currentValue) : (currentValue || '')}</${key}>`
    ,'');
  }
  if (isObject) {
    return reqStr + `<${key}>${objectToXml(value)}</${key}>`;
  }
  return reqStr + `<${key}>${value}</${key}>`;
}, '');       

const output = objectToXml(yourJson);
console.log(output);

解决方案8
 0  2021-08-04 11:30:25

Object/Array to XML converter对象/数组到 XML 转换器

The following solution can turn a JS variable to a (non indented) XML string.以下解决方案可以将 JS 变量转换为（非缩进）XML 字符串。 It supports both lists (arrays) and objects.它支持列表（数组）和对象。

  • Use objectToXml(object) to create a valid XML with a single root element.使用objectToXml(object)创建具有单个根元素的有效 XML。
  • Use variableToXml(variable, 'listElementName') if you want to convert an array of elements.如果要转换元素数组，请使用variableToXml(variable, 'listElementName') 。 In this case, you have to pass the tag name for the list elements as the second argument.在这种情况下，您必须将列表元素的标签名称作为第二个参数传递。
function objectToXml(object) {
  if (object instanceof Array || Object.keys(object).length !== 1) {
    throw 'variable has to be an object with a single property'
  }
  return variableToXml(object)
}

function variableToXml(variable, arrayItemPropertyName = null) {
  if (Array.isArray(variable)) {
    return variable.reduce((xml, propertyValue) => {
      const value = variableToXml(propertyValue)
      return `${xml}<${arrayItemPropertyName}>${value}</${arrayItemPropertyName}>`
    }, '')
  }
  if (variable instanceof Object) {
    return Object.entries(variable).reduce((xml, [propertyName, propertyValue]) => {
      const value = variableToXml(propertyValue, propertyName )
      const tag = propertyValue instanceof Array ? value : `<${propertyName}>${value}</${propertyName}>`
      return `${xml}${tag}`
    }, '')
  }
  return variable
}

Input variable输入变量

const object = {
  rootTag: {
    intProperty: 4,
    stringProperty: 'foo',
    listOfElements: {
      element: [{
        intProperty: 5,
        stringProperty: 'bar',
      }, {
        intProperty: 5,
        stringProperty: 'bar',
      }],
    },
    list: {
      listElement: [1, 2, 3],
    },
  },
}

Output XML (prettified)输出 XML（美化）

<rootTag>
  <intProperty>4</intProperty>
  <stringProperty>foo</stringProperty>
  <listOfElements>
    <element>
      <intProperty>5</intProperty>
      <stringProperty>bar</stringProperty>
    </element>
    <element>
      <intProperty>5</intProperty>
      <stringProperty>bar</stringProperty>
    </element>
  </listOfElements>
  <list>
    <listElement>1</listElement>
    <listElement>2</listElement>
    <listElement>3</listElement>
  </list>
</rootTag>

Demo演示

 const object = { rootTag: { intProperty: 4, stringProperty: 'foo', listOfElements: { element: [{ intProperty: 5, stringProperty: 'bar', }, { intProperty: 5, stringProperty: 'bar', }], }, list: { listElement: [1, 2, 3], }, }, } console.log(objectToXml(object)) function objectToXml(object) { if (object instanceof Array || Object.keys(object).length !== 1) { throw 'variable has to be an object with a single property' } return variableToXml(object) } function variableToXml(variable, arrayItemPropertyName = null) { if (Array.isArray(variable)) { return variable.reduce((xml, propertyValue) => { const value = variableToXml(propertyValue) return `${xml}<${arrayItemPropertyName}>${value}</${arrayItemPropertyName}>` }, '') } if (variable instanceof Object) { return Object.entries(variable).reduce((xml, [propertyName, propertyValue]) => { const value = variableToXml(propertyValue, propertyName ) const tag = propertyValue instanceof Array ? value : `<${propertyName}>${value}</${propertyName}>` return `${xml}${tag}` }, '') } return variable }

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 使用 javascript 将 JSON 对象转换为 XML - convert JSON object to XML using javascript 使用JavaScript更改要在JSON API中使用的XML - Using JavaScript to change an XML to use in JSON API 使用Javascript，Jquery将XML转换为Json对象 - Convert XML to Json Object using Javascript,Jquery 使用 Javascript 将 XML 转换为 JSON（并返回） - Convert XML to JSON (and back) using Javascript 使用jQuery JavaScript将JSON转换为xml - JSON to xml conversion using jQuery javascript 使用JavaScript保存和检索XML和JSON - Saving and retrieving XML and JSON using JavaScript 使用Jquery / Javascript访问嵌入在XML中的JSON - Using Jquery/Javascript to access JSON embedded in XML 使用JSON或XML发送JavaScript数组？ 如何将其转换为XML？ - Send JavaScript array using JSON or XML? How to turn it to XML? XML 字符串到 JSON javascript - XML string to JSON javascript xml到json到javascript - xml to json to javascript
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM