从模板字符串的末尾删除“,”逗号

Question

I am having a problem is that I can see a small "," comma at the end of each option which I wanted to remove:

 HTML = `<select> ${[1, 2, 3].map(e => (`<option>${e}</option>\\n`).replace(",", ""))} </select>`; console.log(HTML);

Answer 1

TLDR

How about use join function like

Answer

First of all if you console.log [1, 2, 3].map(e => (`<option>${e}</option>\\n`)) you can get this

const this = ["<option>1</option>", "<option>2</option>", "<option>3</option>"]  // Array

And if you console.log( this ) with template literal. It automatic call Array.toString() .

console.log(`${["<option>1</option>", "<option>2</option>", "<option>3</option>"]}`) // automatic call toString()

And when you use replace() the array must be array and "," is not generated yet

Example

HTML = `<select>
${[1, 2, 3].map(e => (`<option>${e}</option>\n`)).join("")}
</select>`;
console.log(HTML);

Answer 2

.join("") it

 HTML = `<select> ${[1, 2, 3].map(e => (`<option>${e}</option>\\n`)).join("")}</select>`; console.log(HTML);