如何将带有逗号的字符串转换为带有标签的字符串 - ES6

Question

如何将带有逗号的字符串转换为带有主题标签的字符串。有人可以帮忙吗？

到目前为止我尝试过的内容如下。它在使用时给出单个元素map。我如何使它成为一个单独的字符串，并#在数组中的每个项目之前附加。

const tags = 'caramel,vanilla,chocolate';

const splitArray = tags.split(",").map(val=> console.log('#'+val));

Answer 1

您可以在开始时使用.replace()global 并扩展 with #。使用模板文字进行扩展，#在第一个字符的位置使用：const tags = 'caramel,vanilla,chocolate';const result = `#${tags.replace(/,/g, '#')}`;console.log(result);或者正如帕特里克在/^|,/g正则表达式中的评论部分所建议的那样：const tags = 'caramel,vanilla,chocolate';const result = tags.replace(/^|,/g, '#');console.log(result);

Answer 2

您可以使用.join('')：const tags = 'caramel,vanilla,chocolate';const result = tags.split(",").map(val=> "#"+val).join('');console.log(result);

Answer 3

使用减少。const tags = 'caramel,vanilla,chocolate';const splitArray = tags.split(",").reduce( (res,val) => (res+'#'+val) ,'');console.log(splitArray);