如何将选择框选中的1-5数字转为对应数量的+字符输出？

方法1：使用ES6字符串repeat()方法（最简洁） #

直接利用JavaScript字符串的repeat()方法，根据todo.prio的数值生成对应长度的+字符串，替换原模板中的数字输出：

<div class="importance">${'+'.repeat(todo.prio)}</div>

'+'.repeat(n)会返回由n个+字符组成的字符串，完全匹配需求，代码简洁可读性高，支持ES6及以上JavaScript环境。

方法2：循环拼接（兼容旧环境） #

如果需要兼容不支持ES6的环境，可以写一个简单的辅助函数生成目标字符串：

function getPlusSigns(num) {
  let result = '';
  for (let i = 0; i < num; i++) {
    result += '+';
  }
  return result;
}

然后在模板字符串中调用该函数：

<div class="importance">${getPlusSigns(todo.prio)}</div>

方法3：数组填充拼接 #

另一种简洁写法是利用数组的fill()和join()方法：

<div class="importance">${Array(todo.prio).fill('+').join('')}</div>

Array(todo.prio)创建长度为目标数字的空数组，fill('+')将数组每个元素替换为+，最后join('')把数组元素拼接成完整字符串。

内容的提问来源于stack exchange，提问作者Colette