Comparison of XML to JSON approaches (v4)

Revision 4 of this benchmark created on

Description

Yup

Preparation HTML

<script src="http://svn.coderepos.org/share/lang/javascript/jkl/jkl-parsexml.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="http://terracoder.com/scripts/jqXMLUtils.js">
</script>
<script src="http://goessner.net/download/prj/jsonxml/xml2json.js">
</script>
<script src="http://jquery-xml2json-plugin.googlecode.com/svn/trunk/jquery.xml2json.js">
</script>
<script>
  //================================================================
  //class: JKL.ParseXML.FromString
  //constructer: new JKL.ParseXML.FromString()
  JKL.ParseXML.FromString = function(xmlStr) {
    this.xmlStr = xmlStr;
    return this;
  };

  // Extend base class prototype with derived class' functionality
  JKL.ParseXML.FromString.prototype = jQuery.extend({}, JKL.ParseXML.prototype, JKL.ParseXML.FromString.prototype);

  //================================================================
  //method: documentElement()
  //return: XML DOM in response body

  JKL.ParseXML.FromString.prototype.documentElement = function() {
    if (!this.xmlStr) return;

    // Parse the DOM out of the string
    var parser = new DOMParser();
    var xmlDoc = parser.parseFromString(this.xmlStr, "text/xml");

    return xmlDoc.documentElement;
  };

  //================================================================
  //method: parseResponse()

  JKL.ParseXML.FromString.prototype.parse = function() {
    var root = this.documentElement();
    var data = this.parseDocument(root);
    return data;
  };

  // Changes XML to JSON

  function xmlToJson(xml) {

    // Create the return object
    var obj = {};

    if (xml.nodeType == 1) { // element
      // do attributes
      if (xml.attributes.length > 0) {
        obj["@attributes"] = {};
        for (var j = 0; j < xml.attributes.length; j++) {
          var attribute = xml.attributes.item(j);
          obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
        }
      }
    } else if (xml.nodeType == 3) { // text
      obj = xml.nodeValue;
    }

    // do children
    if (xml.hasChildNodes()) {
      for (var i = 0; i < xml.childNodes.length; i++) {
        var item = xml.childNodes.item(i);
        var nodeName = item.nodeName;
        if (typeof(obj[nodeName]) == "undefined") {
          obj[nodeName] = xmlToJson(item);
        } else {
          if (typeof(obj[nodeName].length) == "undefined") {
            var old = obj[nodeName];
            obj[nodeName] = [];
            obj[nodeName].push(old);
          }
          obj[nodeName].push(xmlToJson(item));
        }
      }
    }
    return obj;
  };
</script>

Setup

testxml = '<?xml version="1.0" encoding="UTF-8" standalone="yes"?><svg width="800" height="895" xml:id="page.RTG3DB9JLVA4LDL7VR0SS3RSF"><title>Spinning wheel counting</title><rect x="0" y="0" width="100%" height="100%" fill="#ffff88" st_id="52"/><g class="foreground"><flash xmlns:xlink="http://www.w3.org/1999/xlink" metadatatoken="annotationmetadata/metadata(3).xml" RotationPoint="(320.000000,240.000000)" transform="rotate(0.00,392.57,203.57)" xml:id="annotation.MIAKRS6IBFGKPFBJN0KIF9MOQ" visible="1" id="Spinner - 4 - add persistence" x="170.00" y="-19.00" width="445.13" height="445.13" xlink:href="flash/flash2/Spinner - 4 - add persistence.swf"><persistence><![CDATA[<persistencedata><PersistenceProperties id="spinner"><segments>12</segments><segText0>2</segText0><fontSize0>34</fontSize0><fontSizeSelected0>2</fontSizeSelected0><font0>Arial</font0><fontSelected0>0</fontSelected0><fontColor0>undefined</fontColor0><segText1>8</segText1><fontSize1>34</fontSize1><fontSizeSelected1>2</fontSizeSelected1><font1>Arial</font1><fontSelected1>0</fontSelected1><fontColor1>undefined</fontColor1><segText2>5</segText2><fontSize2>34</fontSize2><fontSizeSelected2>2</fontSizeSelected2><font2>Arial</font2><fontSelected2>0</fontSelected2><fontColor2>undefined</fontColor2><segText3>3</segText3><fontSize3>34</fontSize3><fontSizeSelected3>2</fontSizeSelected3><font3>Arial</font3><fontSelected3>0</fontSelected3><fontColor3>undefined</fontColor3><segText4>4</segText4><fontSize4>34</fontSize4><fontSizeSelected4>2</fontSizeSelected4><font4>Arial</font4><fontSelected4>0</fontSelected4><fontColor4>undefined</fontColor4><segText5>11</segText5><fontSize5>34</fontSize5><fontSizeSelected5>2</fontSizeSelected5><font5>Arial</font5><fontSelected5>0</fontSelected5><fontColor5>undefined</fontColor5><segText6>7</segText6><fontSize6>34</fontSize6><fontSizeSelected6>2</fontSizeSelected6><font6>Arial</font6><fontSelected6>0</fontSelected6><fontColor6>undefined</fontColor6><segText7>12</segText7><fontSize7>34</fontSize7><fontSizeSelected7>2</fontSizeSelected7><font7>Arial</font7><fontSelected7>0</fontSelected7><fontColor7>undefined</fontColor7><segText8>10</segText8><fontSize8>34</fontSize8><fontSizeSelected8>2</fontSizeSelected8><font8>Arial</font8><fontSelected8>0</fontSelected8><fontColor8>undefined</fontColor8><segText9>1</segText9><fontSize9>34</fontSize9><fontSizeSelected9>2</fontSizeSelected9><font9>Arial</font9><fontSelected9>0</fontSelected9><fontColor9>undefined</fontColor9><segText10>9</segText10><fontSize10>34</fontSize10><fontSizeSelected10>2</fontSizeSelected10><font10>Arial</font10><fontSelected10>0</fontSelected10><fontColor10>undefined</fontColor10><segText11>6</segText11><fontSize11>34</fontSize11><fontSizeSelected11>2</fontSizeSelected11><font11>Arial</font11><fontSelected11>0</fontSelected11><fontColor11>undefined</fontColor11><segText12>undefined</segText12><fontSize12>14</fontSize12><fontSizeSelected12>0</fontSizeSelected12><font12>Arial</font12><fontSelected12>0</fontSelected12><fontColor12>undefined</fontColor12><segColor0>0x33cc00</segColor0><segColor1>0x6600ff</segColor1><segColor2>0xff9900</segColor2><segColor3>0xff0000</segColor3><segColor4>0xFFFF00</segColor4><segColor5>3978097</segColor5><segColor6>16756059</segColor6><segColor7>0xFFC0CB</segColor7><segColor8>0x98FB98</segColor8><segColor9>0x40E0D0</segColor9><segColor10>16776960</segColor10><segColor11>0xAFEEEE</segColor11><segColor12>0x009300</segColor12><segColor13>undefined</segColor13></PersistenceProperties><PersistenceProperties id="_level0"><persistenceinfo>:2::3::0::1</persistenceinfo></PersistenceProperties></persistencedata>]]></persistence></flash><text transform="translate(179,429) rotate(0,212,69) scale(0.997,0.997)" theme_anno_style="0" language_direction="1" RotationPoint="(320.000000,240.000000)" xml:id="annotation.H6IKAIOSJJV4P1ND5CR4NC4LP" visible="1" editwidth="425.24" editheight="138.44" forcewidth="0" textdirection="0"><tspan justification="center" bullet="0"><tspan><tspan x="47.57" y="35.00" textLength="339.81" font-family="Century Gothic" font-size="36.00" font-weight="bold" fill="#ff00ff">Spin the wheel and </tspan></tspan><tspan><tspan x="7.77" y="77.72" textLength="416.50" font-family="Century Gothic" font-size="36.00" font-weight="bold" fill="#ff00ff">move that many circles </tspan></tspan><tspan><tspan x="109.71" y="120.44" textLength="205.83" font-family="Century Gothic" font-size="36.00" font-weight="bold" fill="#ff00ff">into the box</tspan></tspan></tspan></text><path fill-rule="evenodd" slscaler="0.033333" d="M96.00 578.00 L677.13 578.00 L677.13 865.13 L96.00 865.13 z" shapename="3" fill="#ffffc6" st_id="50" stroke="#000000" stroke-width="3" fade-time="6" fade-enable="0" RotationPoint="(320.000000,240.000000)" transform="rotate(0.00,386.57,721.57)" xml:id="annotation.9PF0BDM5A4SKL0PVG9O2M37PF" visible="1"/><ellipse cx="74.57" cy="508.57" rx="32.57" ry="32.57" shapename="3" fill="#ff8080" st_id="49" stroke="#000000" stroke-width="3" fade-time="6" fade-enable="0" RotationPoint="(320.000000,240.000000)" transform="rotate(0.00,74.57,508.57)" locked="30" cloner="1" xml:id="annotation.KSAB09FOJHE4L057IHIU6FDG4" visible="1"/></g></svg>';

Test runner

Ready to run.

Testing in
TestOps/sec
Convert XML string to XML Document object
parser = new DOMParser();
xmlDoc = parser.parseFromString(testxml, "text/xml");
ready
XML2JSON
parser = new DOMParser();
xmlDoc = parser.parseFromString(testxml, "text/xml");
jsonDocString = xml2json(xmlDoc);
// jsonDoc = JSON.parse(jsonDocString);
ready
JKL
jkl = new JKL.ParseXML.FromString(testxml);
jsonDoc = jkl.parse();
ready
XMLObjectifier with DOM Parser
parser = new DOMParser();
xmlDoc = parser.parseFromString(testxml, "text/xml");
jsonDoc = $.xmlToJSON(xmlDoc);
ready
XMLObjectifier without DOM Parser
jsonDoc = $.xmlToJSON($.textToXML(testxml));
ready
xmlToJson
parser = new DOMParser();
xmlDoc = parser.parseFromString(testxml, "text/xml");
jsonDoc = xmlToJson(xmlDoc);
ready
xml2Json
var json = $.xml2json(testxml);
ready
if (window.DOMParser) {
  parser = new DOMParser();
  xmlDoc = parser.parseFromString(testxml, "text/xml");
} else // Internet Explorer
{
  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = true;
  xmlDoc.loadXML(testxml);
}
ready
if (window.DOMParser) {
  parser = new DOMParser();
  xmlDoc = parser.parseFromString(testxml, "text/xml");
} else // Internet Explorer
{
  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = false;
  xmlDoc.loadXML(testxml);
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.