福野泰介の一日一創

教えていただいた、オープンストリートマップ(OSM)のAPI v0.6を見てみると登場するXML(Extensible Markup Language)。まずは、JavaScriptでのオブジェクトJSONとの相互変換から準備しました。

「code4fukui/XML: XML for JavaScript ES module (XML.toJSON / XML.stringify)」
XMLをどうJSONにするかはいろいろと流儀があるようですが、属性をオブジェクトの名前として、タグ内のテキストを #text を名前とする形式を採用。XML文字列をJSONにする XML.toJSON と、逆にJSONを空白2文字でインデントした文字列へと変換する XML.stringify を、先日作った DOMParser を使って作りました。 import { XML } from "https://js.sabae.cc/XML.js"; const json = XML.toJSON("<xml att='abc'><tag>text</tag></xml>"); console.log(json); const xml = XML.stringify({ xml: { att: "abc", tag: { "#text": "text" } } }); console.log(xml); 簡単ですね！テストコード XML.test.js、必要であれば追記、プルリクください。今回から型定義ファイル XML.d.ts も用意するようにしたので、TypeScriptからもの利用もどうぞ！

JavaScript標準の JSON に加え、CSV.js / CBOR.js / XML.js があれば、データの読み書きはだいたいなんとかなります。