Javascript Array is displayed with unwanted comma

Question

I need your help: In Javascript I create an array with push.

for (const elem of prod[i].motor) {
    if (usedMotor.includes(elem) === false) {
       motor.push('<li>'+elem+'</li>');
       usedMotor.push(elem);
    }
}

But if I want to display it with document.getElementById('spanMotorType').innerHTML = 'Applicable Motors:'+ motor; it is printed with comma between the elements.

Applicable Motors:
Induction motor
,
Permanent magnet motor
,
Synchronous reluctance motor

Console shows this:

Array(3) [ "<li>Induction motor</li>", "<li>Permanent magnet motor</li>", 
"<li>Synchronous reluctance motor</li>" ]
0: "<li>Induction motor</li>"
1: "<li>Permanent magnet motor</li>"
2: "<li>Synchronous reluctance motor</li>"

Is there a way how I can remove this comma? The length of the Array can be between 1 and 3.

thanks

vsync · Accepted Answer · 2021-10-04 11:46:58Z

1

Write it as follows:

document.getElementById('spanMotorType').innerHTML = 'Applicable Motors:'+ motor.join(' ');

Explanation:

By default, when a string is joined with an Array, the output will print the array items with a comma, because it converts it, as-is, to string, and since there's a comma between Array items, it will also be printed:

document.write(  "foo " + ['a','b','c']  )

Without commas:

document.write(  "foo " + ['a','b','c'].join(' ')  )

Array join converts an Array to a string with your choice of delimiter and not the default comma.

edited Oct 4, 2021 at 11:46

answered Oct 4, 2021 at 11:40

vsync

133k61 gold badges345 silver badges430 bronze badges

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

1 Comment

Andi Over a year ago

thank you! It looks so easy and i tried so long with replace, splice and all that. Join works perfectly!

Narendra Choudhary · Accepted Answer · 2021-10-04 11:44:12Z

1

Use following code.

usermotor.join(" ")

https://sebhastian.com/javascript-array-string/

answered Oct 4, 2021 at 11:44

Narendra Choudhary

1342 silver badges8 bronze badges

Comments

Nitheesh · Accepted Answer · 2021-10-04 11:49:22Z

1

Setting Array as the innerHTML will bind the element with comma. Because Array inclueds that comma when its converted to string.

You have to make the array as a single sting and set the innerHTML to get rid of the comma.

Joing the array using Array.join, I used empty sting as the joiner. Set the innerHTML with this joined string.

const testArr = [1, 2, 3];
const myarray = testArr.map((node) => '<li>' + node + '</li>')
document.getElementById("test").innerHTML = myarray.join('');

<div id="test"></div>

So in your case it should be

document.getElementById('spanMotorType').innerHTML = 'Applicable Motors:'+ motor.join('');

Please Note

You have to mention some string with which the array is to be joined, or else , will be treated as default joiner.

edited Oct 4, 2021 at 11:49

answered Oct 4, 2021 at 11:43

Nitheesh

20.1k3 gold badges28 silver badges52 bronze badges

1 Comment

Andi Over a year ago

I can't vote yet, so thank you too for your helpful reply!

Collectives™ on Stack Overflow

Javascript Array is displayed with unwanted comma

3 Answers 3

Write it as follows:

Explanation:

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Write it as follows:

Explanation:

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related