How to convert object to xml file in javascript

In front-end development, we often need to convert JavaScript objects into XML files in order to share data in different applications. Although it is possible to manually write code to generate XML, this method is time-consuming and error-prone. Therefore, this article will introduce several methods to convert JavaScript objects into XML files. I hope it will be helpful to you.

Method 1: Use the js2xmlparser library

js2xmlparser is a library used to convert JavaScript objects into XML strings. It is easy to use, supports any attribute and nested hierarchies, and handles issues such as special characters when outputting XML.

Installation:

Use npm to install:

npm install js2xmlparser

Use yarn to install:

yarn add js2xmlparser

Usage example:

const parser = require('js2xmlparser');

const object = {
    name: 'John Smith',
    age: 30,
    email: 'john.smith@example.com'
};

const xml = parser.parse('person', object);
console.log(xml);

Output:

<?xml  version="1.0" encoding="UTF-8"?>
<person>
  <name>John Smith</name>
  <age>30</age>
  <email>john.smith@example.com</email>
</person>

Method 2: Manually splice XML strings

If you don’t want to use a third-party library, you can also manually splice XML strings. The following is a sample code that converts JavaScript objects into XML files:

function objectToXml(obj, rootName) {
  let xml = '';

  // 添加 XML 声明
  xml += '<?xml  version="1.0" encoding="UTF-8"?>';

  // 添加根元素标签
  xml += ``;

  // 遍历对象属性，添加元素标签和属性
  for (const property in obj) {
    if (obj.hasOwnProperty(property)) {
      xml += '';

      if (typeof obj[property] === 'object') {
        xml += objectToXml(new Object(obj[property]));
      } else {
        xml += obj[property];
      }

      xml += '' + property + '>';
    }
  }

  // 添加根元素闭合标签
  xml += `${rootName}>`;

  return xml;
}

const obj = {
  name: 'John',
  age: 30,
  dateOfBirth: {
    year: 1990,
    month: 3,
    day: 15
  }
};

const xml = objectToXml(obj, 'person');
console.log(xml);

Output:

<?xml  version="1.0" encoding="UTF-8"?>
<person>
  <name>John</name>
  <age>30</age>
  <dateofbirth>
    <year>1990</year>
    <month>3</month>
    <day>15</day>
  </dateofbirth>
</person>

Method 3: Using XMLSerializer API

XMLSerializer is a built-in JavaScript API. Used to serialize a DOM tree into an XML string. Therefore, we can achieve the purpose of converting a JavaScript object into an XML file by creating a DOM tree containing our JavaScript object. Here is a sample code:

function objectToXml(obj, rootName) {
  const dom = document.createElement(rootName);

  for (const property in obj) {
    if (obj.hasOwnProperty(property)) {
      const element = document.createElement(property);

      if (typeof obj[property] === 'object') {
        element.appendChild(objectToXml(new Object(obj[property]), property));
      } else {
        const value = document.createTextNode(obj[property]);
        element.appendChild(value);
      }

      dom.appendChild(element);
    }
  }

  return dom;
}

const obj = {
  name: 'John',
  age: 30,
  dateOfBirth: {
    year: 1990,
    month: 3,
    day: 15
  }
};

const xmlSerializer = new XMLSerializer();
const xml = xmlSerializer.serializeToString(objectToXml(obj, 'person'));
console.log(xml);

Output:

<person>
  <name>John</name>
  <age>30</age>
  <dateofbirth>
    <year>1990</year>
    <month>3</month>
    <day>15</day>
  </dateofbirth>
</person>

Conclusion

This article introduced three methods of converting JavaScript objects into XML files. The first method uses the js2xmlparser library, which is easy to use and powerful. The second method is to manually splice XML strings. If you don't want to install a third-party library, you can choose this method. The third method is to use the XMLSerializer API, which requires creating a DOM tree to implement, but if you often use DOM operations in your work, this method may be more suitable for you. I hope this article helps you find the conversion method that works for you.

The above is the detailed content of How to convert object to xml file in javascript. For more information, please follow other related articles on the PHP Chinese website!