Convert JavaScript object (array) to XML

Question

I have JavaScript object which is formatted as JSON using this code:

obj.push({      
    lat: (lat / 1e5).toFixed(5),
    lon: (lon / 1e5).toFixed(5),
    ele: "0"
});

This object/array can contain potentially hundereds of indiviual objects/properties which look like this:

 [{"lat":"32.71883","lon":"-16.76118","ele":"0"},{"lat":"32.71882","lon":"-16.76138","ele":"0"},{"lat":"32.71881","lon":"-16.76159","ele":"0"},{"lat":"32.71880","lon":"-16.76179","ele":"0"},{"lat":"32.71879","lon":"-16.76199","ele":"0"},{"lat":"32.71878","lon":"-16.76220","ele":"0"}....]

I'd like to convert this object to XML using the correct element tags in the following format:

<trkpt lat="32.7188300" lon="-16.7611800">   // note how this lumps together two separate properties into a single element
 <ele>0</ele>
</trkpt>

I've found a snippet of code to tranform the object:

function objectToXml(object) {
        var xml = '';
        for (var prop in object) {
            if (!object.hasOwnProperty(prop)) {
                continue;
            }
            if (object[prop] == undefined)
                continue;
            xml += "<" + prop + ">";
            if (typeof object[prop] == "object")
                xml += objectToXml(new Object(object[prop]));
            else
                xml += object[prop];
            xml += "<!--" + prop + "--\>";
        }
        return xml;
    }

This certainly converts the object to some extent, however, it tries to create a key for each property set, an concatenates the properties into one string.

  <0>32.71883-16.761180<1>32.71882-16.761380<2>32.71881-16.761590<3>32.71880-16.761790<4>.....

Any suggestions on how I can use this function to correctly format the XML as described?

Hi. I don't want to be rude but have you tried first to tweak the objectToXml function before asking for help ? :) — user9978437
– user9978437, Commented Sep 13, 2018 at 10:18
@Thomas Lombart - I have indeed, but I just can't get it to do what I want :( — Huskie69
– Huskie69, Commented Sep 13, 2018 at 10:20

mpm · Accepted Answer · 2018-09-13 10:23:29Z

1

You could do that with string templates

const data = [{
  "lat": "32.71883",
  "lon": "-16.76118",
  "ele": "0"
}, {
  "lat": "32.71882",
  "lon": "-16.76138",
  "ele": "0"
}, {
  "lat": "32.71881",
  "lon": "-16.76159",
  "ele": "0"
}, {
  "lat": "32.71880",
  "lon": "-16.76179",
  "ele": "0"
}, {
  "lat": "32.71879",
  "lon": "-16.76199",
  "ele": "0"
}, {
  "lat": "32.71878",
  "lon": "-16.76220",
  "ele": "0"
}]



const toXml = (data) => {
  return data.reduce((result, el) => {
   return result + `<trkpt lat="${el.lat}" lon="${el.lon}"><ele>${el.ele}</ele></trkpt>\n`
  }, '')
}

console.log(toXml(data))

answered Sep 13, 2018 at 10:23

mpm

20.2k7 gold badges52 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Huskie69 Over a year ago

This works perfectly if executed in the code snippet runner. However, if I embed this in HMTL and run it using document.write(toXml(data)); I just get a bunch of zeros 0 0 0 0 0 0 0 0

mpm Over a year ago

Instead of document.write, try : document.body.textContent += toXml(data))

Huskie69 Over a year ago

This shows me the converted string which is great, but also prints the contents of the entire JS script too - do you know how I can suppress this?

mpm Over a year ago

my toXml function only returns the string you asked to be generated, the , so I have no idea what you are talking about by "entire JS script".

Huskie69 Over a year ago

Apologies, my fault for lack of clairty - I'm embedding your code snippet into an html file so I can see what's going on. If I use document.body.textContent += toXml(data) I can see the parsed/converted string which is exactly what I'm after, but also see the raw JavaScript code on the html page

|

Collectives™ on Stack Overflow

Convert JavaScript object (array) to XML

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related