How to remove unwanted comma (,) from insertAdjacentHTML object in Javascript? [duplicate]

Question

I saved project list data in an array and Im mapping over this array to display the list in the UI, I using .insertAdjacentHTML(), and the project list coming fine in UI except Im getting an unwanted comma , between each project list items in the UI.

How to remove this , from UI ?

const projectHTML = projectDataArray.map((el) => { //projectDataArray is project list array
    return `<div class="row">${el.title}</div>`
}  
document.querySelector(".work_wrapper").insertAdjacentHTML("afterbegin", projectHTML);

Here is the comma coming between each .row:-

What does the HTML code im browser look like? In what element is the comma? — Geshode
– Geshode, Commented Jan 26, 2023 at 8:35
Please search throughly before posting. More about searching here. — T.J. Crowder
– T.J. Crowder, Commented Jan 26, 2023 at 8:44

Gihan · Accepted Answer · 2023-01-26 08:37:33Z

1

You can use the .join() method to remove the unwanted commas between each project list item. The join() method is used to join all elements of an array into a string.

const projectHTML = projectDataArray.map((el) => { 
    return `<div class="row">${el.title}</div>`
}).join('');
document.querySelector(".work_wrapper").insertAdjacentHTML("afterbegin", projectHTML);

answered Jan 26, 2023 at 8:37

Gihan

3,8292 gold badges13 silver badges38 bronze badges

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

1 Comment

T.J. Crowder Over a year ago

SO has been around for over 14 years now, all the really basic questions (like this one) have been asked and answered previously, they don't need more answers scattered all over the place. Find and mark the duplicate instead. It's important to preventing SO becoming a haystack where needles can't be found, like forums were.

Collectives™ on Stack Overflow

How to remove unwanted comma (,) from insertAdjacentHTML object in Javascript? [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related