MENU

JS map遍历有逗号解决方法

October 17, 2019 • Read: 27 • 前端,WEB,JavaScript

map循环遍历元素会出现逗号。

const temp = `
    <ul>
        ${info.todos.map(todo => `<li>${todo.list}</li>`)}
    </ul>
    `;

    console.log(temp);

输出的结果:

<ul>
   <li>A</li>,<li>B</li>,<li>C</li>
</ul>

有逗号?

解决方法:

${info.todos.map(todo => `<li>${todo.list}</li>`).join('')}

join方法介绍:
join可以切开数组,指定要使用的分隔符,默认是逗号。
例如.join('|')
输出:

<li>A</li>|<li>B</li>|<li>C</li>