Converteer XML naar JSON (en terug) met Javascript

const xmlSample = '<tag>tag content</tag><tag2>another content</tag2><tag3><insideTag>inside content</insideTag><emptyTag /></tag3>';
console.log(parseXmlToJson(xmlSample));
function parseXmlToJson(xml) {
    const json = {};
    for (const res of xml.matchAll(/(?:<(\w*)(?:\s[^>]*)*>)((?:(?!<\1).)*)(?:<\/\1>)|<(\w*)(?:\s*)*\/>/gm)) {
        const key = res[1] || res[3];
        const value = res[2] && parseXmlToJson(res[2]);
        json[key] = ((value && Object.keys(value).length) ? value : res[2]) || null;
    }
    return json;
}

Antwoord 6, Autoriteit 3%

Je kunt ook txmlgebruiken. Het kan ontleden in een DOM gemaakt van eenvoudige objecten en stringify. In het resultaat wordt de inhoud bijgesneden. De opmaak van het origineel met spaties gaat dus verloren. Maar dit zou heel goed kunnen worden gebruikt om HTML te verkleinen.

const xml = require('txml');
const data = `
<tag>tag content</tag>
<tag2>another content</tag2>
<tag3>
  <insideTag>inside content</insideTag>
  <emptyTag />
</tag3>`;
const dom = xml(data); // the dom can be JSON.stringified
xml.stringify(dom); // this will return the dom into an xml-string

Disclaimer: ik ben de auteur van txml, de snelste xml-parser in javascript.

Antwoord 7, autoriteit 2%

Ik zou persoonlijk deze toolaanbevelen. Het is een XML naar JSON-converter.

Het is erg licht van gewicht en is in puur JavaScript. Het heeft geen afhankelijkheden nodig. U kunt eenvoudig de functies aan uw code toevoegen en deze gebruiken zoals u dat wilt.

Het houdt ook rekening met de XML-attributen.

var xml = ‘<person id=”1234” age=”30”><name>John Doe</name></person>’;
var json = xml2json(xml); 
console.log(json); 
// prints ‘{“person”: {“id”: “1234”, “age”: “30”, “name”: “John Doe”}}’

Hier is een online demo!

Antwoord 8

Disclaimer: ik heb fast-xml-parser

geschreven

Snelle XML-parser kan helpen om XML naar JSON te converteren en vice versa. Hier is het voorbeeld;

var options = {
    attributeNamePrefix : "@_",
    attrNodeName: "attr", //default is 'false'
    textNodeName : "#text",
    ignoreAttributes : true,
    ignoreNameSpace : false,
    allowBooleanAttributes : false,
    parseNodeValue : true,
    parseAttributeValue : false,
    trimValues: true,
    decodeHTMLchar: false,
    cdataTagName: "__cdata", //default is 'false'
    cdataPositionChar: "\\c",
};
if(parser.validate(xmlData)=== true){//optional
    var jsonObj = parser.parse(xmlData,options);
}

Als u JSON of JS-object wilt parseren in XML dan

//default options need not to set
var defaultOptions = {
    attributeNamePrefix : "@_",
    attrNodeName: "@", //default is false
    textNodeName : "#text",
    ignoreAttributes : true,
    encodeHTMLchar: false,
    cdataTagName: "__cdata", //default is false
    cdataPositionChar: "\\c",
    format: false, 
    indentBy: "  ",
    supressEmptyNode: false
};
var parser = new parser.j2xParser(defaultOptions);
var xml = parser.parse(json_or_js_obj);

Antwoord 9

hier ‘een goede tool van een gedocumenteerd en erg beroemd NPM-bibliotheek die de XML & LT; – & GT; JS-conversies Zeer goed: anders dan sommige (misschien alle) van de bovenstaande voorgestelde oplossingen, converteert het XML-opmerkingen ook.

var obj = {name: "Super", Surname: "Man", age: 23};
var builder = new xml2js.Builder();
var xml = builder.buildObject(obj);

Antwoord 10

Ik gebruikte xmlToJson alleen om een enkele waarde van de xml te krijgen.
Ik merkte dat het volgende veel gemakkelijker is (als de xml maar één keer voorkomt…)

let xml =
'<person>' +
  ' <id>762384324</id>' +
  ' <firstname>Hank</firstname> ' +
  ' <lastname>Stone</lastname>' +
'</person>';
let getXmlValue = function(str, key) {
  return str.substring(
    str.lastIndexOf('<' + key + '>') + ('<' + key + '>').length,
    str.lastIndexOf('</' + key + '>')
  );
}
alert(getXmlValue(xml, 'firstname')); // gives back Hank

xml2json = xml => {                                                                                                                                                     
  var el = xml.nodeType === 9 ? xml.documentElement : xml                                                                                                               
  var h  = {name: el.nodeName}                                                                                                                                          
  h.content    = Array.from(el.childNodes || []).filter(e => e.nodeType === 3).map(e => e.textContent).join('').trim()                                                  
  h.attributes = Array.from(el.attributes || []).filter(a => a).reduce((h, a) => { h[a.name] = a.value; return h }, {})                                                 
  h.children   = Array.from(el.childNodes || []).filter(e => e.nodeType === 1).map(c => h[c.nodeName] = xml2json(c))                                                    
  return h                                                                                                                                                              
}