How to convert arrays in to XML in JavaScript

Question

I have a array with multiple elements in it :

var arrayData = [
  customerId: "123", mobileNumber: "999"},
  customerId: "122", mobileNumber: "998"},
  customerId: "121", mobileNumber: "997"}
];

I need this to convert into XML like below:

<Result> 
    <customerId>123</customerId>
    <mobileNumber1>999</mobileNumber>
    <customerId>122</customerId>
    <mobileNumber1>998</mobileNumber>
    <customerId>121</customerId>
    <mobileNumber1>997</mobileNumber>
</Result>

I've tried the following:

arrayData.map(obj => `<Result><customerId>${obj.customerId}</customerId><mobileNumber>${obj.mobileNumber}</mobileNumber></Result>`).join('');

but I'm getting unavailable in placeholders , any idea how to achieve this ?

Saadi Toumi Fouad · Accepted Answer · 2020-08-24 12:58:59Z

1

Here is it working, besides you have invalid code

var arrayData = [
  {customerId: "123", mobileNumber: "999"},
  {customerId: "122", mobileNumber: "998"},
  {customerId: "121", mobileNumber: "997"}
];

console.log("<Result>" + arrayData.map(obj => `<customerId>${obj.customerId}</customerId><mobileNumber>${obj.mobileNumber}</mobileNumber>`).join('') + "</Result>");

answered Aug 24, 2020 at 12:58

Saadi Toumi Fouad

2,8322 gold badges7 silver badges20 bronze badges

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

Comments

Ilijanovic · Accepted Answer · 2020-08-24 12:58:50Z

1

You should not map your <Result> over and over again. You can concat it

let arrayData = [
{customerId: "123", mobileNumber: "999"},
{customerId: "122", mobileNumber: "998"},
{customerId: "121", mobileNumber: "997"}
]


let result = "<Result>" + arrayData.map(obj => `<customerId>${obj.customerId}</customerId><mobileNumber>${obj.mobileNumber}</mobileNumber>`).join("") + "</Result>";

console.log(result);

answered Aug 24, 2020 at 12:58

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

Comments

Hamza Zaidi · Accepted Answer · 2020-08-24 13:27:32Z

1

More functional programming approach, reduce is a very powerful function.

arrayData.reduce((acc, curr, index, src) => {    
    const customerId = `<customerId>${curr.customerId}</customerId>`
    const mobile = `<mobileNumber>${curr.mobileNumber}</mobileNumber>`
    acc = acc + `${customerId}${mobile}`    
    if(src.length - 1 === index) {
        acc = `<Result>${acc}</Result>`
    }
    return acc;
}, '')

answered Aug 24, 2020 at 13:27

Hamza Zaidi

6725 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to convert arrays in to XML in JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related