JavaScriptでオブジェクトをXMLファイルに変換する方法-フロントエンドQ&A-php.cn

JavaScriptでオブジェクトをXMLファイルに変換する方法

PHPz

リリース： 2023-04-25 18:52:39

オリジナル

1665 人が閲覧しました

フロントエンド開発では、さまざまなアプリケーションでデータを共有するために、JavaScript オブジェクトを XML ファイルに変換する必要があることがよくあります。コードを手動で記述して XML を生成することも可能ですが、この方法は時間がかかり、エラーが発生しやすくなります。そこで、この記事では JavaScript オブジェクトを XML ファイルに変換するいくつかの方法を紹介します。

方法 1: js2xmlparser ライブラリを使用する

js2xmlparser は、JavaScript オブジェクトを XML 文字列に変換するために使用されるライブラリです。使いやすく、あらゆる属性とネストされた階層をサポートし、XML 出力時の特殊文字などの問題を処理します。

インストール:

npm を使用してインストール:

npm install js2xmlparser

ログイン後にコピー

yarn を使用してインストール:

yarn add js2xmlparser

ログイン後にコピー

使用例:

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);

ログイン後にコピー

出力:



  John Smith
  30
  john.smith@example.com

ログイン後にコピー

方法 2: XML 文字列を手動で結合する

サードパーティのライブラリを使用したくない場合は、XML 文字列を手動で結合することもできます。以下は、JavaScript オブジェクトを XML ファイルに変換するサンプルコードです。

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

  // 添加 XML 声明
  xml += '';

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

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

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

      xml += '';
    }
  }

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

  return xml;
}

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

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

ログイン後にコピー

出力:

ログイン後にコピー

方法 3: XMLSerializer API の使用

XMLSerializer は組み込みの JavaScript API です。 . DOM ツリーを XML 文字列にシリアル化するために使用されます。したがって、JavaScript オブジェクトを含む DOM ツリーを作成することで、JavaScript オブジェクトを XML ファイルに変換するという目的を達成できます。サンプルコードは次のとおりです:

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);

ログイン後にコピー

出力:

ログイン後にコピー

結論

この記事では、JavaScript オブジェクトを XML ファイルに変換する 3 つの方法を紹介しました。最初の方法では、使いやすく強力な js2xmlparser ライブラリを使用します。 2 番目の方法は、XML 文字列を手動で結合することです。サードパーティのライブラリをインストールしたくない場合は、この方法を選択できます。 3 番目の方法は、XMLSerializer API を使用する方法です。これを実装するには DOM ツリーを作成する必要がありますが、仕事で DOM 操作を頻繁に使用する場合は、この方法の方が適している可能性があります。この記事が自分に合った変換方法を見つけるのに役立つことを願っています。

以上がJavaScriptでオブジェクトをXMLファイルに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。