锐客网

  1. 首页 > 睿知 > >

js以逗号分割字符串 js分割字符串的方法分享

生活知识经验知识


js以逗号分割字符串 js分割字符串的方法分享

文章插图
下面是在javaScript中配合字符串的4种方法 。我最热爱的方法是使用模板字符串 。怎么？因为它更具可读性 。所以没有转义引号的反斜杠 。没有笨拙的空格分隔符 。也没有混乱的加号操作符。
const icon = '';
// 模板字符串
`hi ${icon}`;
// join() 方法
['hi', icon].join(' ');
// Concat() 方法
''.concat('hi ', icon);
// + 操作符
'hi ' + icon;
// RESULT
// hi
1. 模板字符串如果你来自另一种语言（例如Ruby） 。则将熟悉字符串插值一词 。这正是模板字符串要实现的目标 。这是在字符串创建中包含表示式的一种无脑方法 。该方法简洁明了 。
const name = 'samantha';
const country = '';
/ 字符串连接中缺少空格的问题 /在模板字符串曾经 。这是我的字符串的结果
"Hi, I'm " + name + "and I'm from " + country;
?? 你发现我的错误了吗？我缺少空格 。在连接字符串时 。这是一个超级普遍的问题 。
// Hi, I'm samanthaand I'm from
/ 用模板字符串解决 /使用模板字符串 。应该解决此问题 。你应该根据你想要的字符串展现方法编写 。所以很简无脑单发现是否缺了一个空格 。现在超级可读 。耶！
`Hi, I'm ${name} and I'm from ${country}`;
2. join()join 方法合并数组的元素并返回一个字符串 。因为它与数组一起使用 。所以如果要添加很多的字符串 。它超级方便 。
const instagram = '@samanthaming';
const twitter = '@samantha_ming';
const array = ['My handles are ', instagram, twitter];
const tiktok = '@samantaming';
array.push(tiktok);
array.join(' ');
// My handles are @samanthaming @samantha_ming @samanthaming
/ 自己定义设置分隔符 /join 的好处在于 。你应该自己定义设置配合数组元素的方法 。你应该通过在其参数中传递分隔符来实现 。
const array = ['My handles are '];
const handles = [instagram, twitter, tiktok].join(', ');
// @samanthaming, @samantha_ming, @samanthaming
array.push(handles);
array.join('');
// My handles are @samanthaming, @samantha_ming, @samanthaming
【js以逗号分割字符串 js分割字符串的方法分享】3. concat()
使用 concat 。应该通过在字符串上调用方法来创建新字符串 。
const instagram = '@samanthaming';
const twitter = '@samantha_ming';
const tiktok = '@samanthaming';
'My handles are '.concat(instagram, ', ', twitter', ', tiktok);
// My handles are @samanthaming, @samantha_ming, @samanthaming
/ 混合字符串和数组 /还应该使用 concat 将字符串与数组配合在一起 。当我传递数组参数时 。它将全自动将数组项转换为以逗号分隔的字符串 。
const array = [instagram, twitter, tiktok];
'My handles are '.concat(array);
// My handles are @samanthaming,@samantha_ming,@samanthaming
果您希望格式更好 。我们应该使用 join 来定做分隔符 。
const array = [instagram, twitter, tiktok].join(', ');
'My handles are '.concat(array);
// My handles are @samanthaming, @samantha_ming, @samanthaming
4. +操作符关于在配合字符串时使用 + 运算符的一件有趣的事件 。你应该用来创建新的字符串 。也应该通过添加现有字符串来对其进行突变 。
/ 非可变 /在这里 。我们使用 + 创建一个全新的字符串 。
const instagram = '@samanthaming';
const twitter = '@samantha_ming';
const tiktok = '@samanthaming';
const newString = 'My handles are ' + instagram + twitter + tiktok;
可变的
我们还应该使用 += 将其附加到现有字符串中 。所以如果出于某种不知名原因 。你需要一种变化的方法 。这可能是你的一个选择 。
let string = 'My handles are ';
string += instagram + twitter;
// My handles are @samanthaming@samantha_ming
哦 。该死的再一次忘记了空格 。观看到的了！连接字符串时很简无脑单浪费空格 。
string += instagram + ', ' + twitter + ', ' + tiktok;
// My handles are @samanthaming, @samantha_ming, @samanthaming
感觉还是很乱的 。我们把 join 扔进去吧！
string += [instagram, twitter, tiktok].join(', ');
// My handles are @samanthaming, @samantha_ming, @samanthaming

推荐阅读


上一篇：盆栽果树常用树种有哪些

下一篇：美国是法西斯的克星？为何说美国是二战时期的中流砥柱？