如何将带有逗号的字符串转换为带有标签的字符串 - 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);