介绍
小编给大家分享一下JS字符串技巧,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> 1。如何多次复制一个字符串
JS字符串允许简单的重复,与纯手工复制字符串不同,我们可以使用字符串的<代码> 重复方法。
const laughing =, & # 39;小智& # 39;.repeat (3)
consol.log(笑着说),//,“小智小智小智”;
const eightBits =, & # 39; 1 & # 39; .repeat (8)
console.log (eightBits),//,, 11111111, <强> 2。如何填充一个字符串到指定的长度
有时,我们希望字符串具有特定长度。如果字符串太短,则需要填充剩余空间,直到达到指定的长度为止。
过去,主要还是使用库left-pad。但是,今天我们可以使用<代码> padStart 和<代码> SpadEnd 方法,选择哪种方法取决于是在字符串的开头还是结尾填充字符串。
//,在开头添加,“0”,直到字符串的长度为,8。
const eightBits =, & # 39; 001 & # 39; .padStart (8, & # 39; 0 & # 39;)
console.log (eightBits),//,“00000001”;//在末尾添加“,”,直到字符串的长度为5。
const anonymizedCode =,“34“.padEnd (5,“*”)
console.log (anonymizedCode),//,“34 * * *“ <强> 3。如何将字符串拆分为字符数组
有多种方法可以将字符串分割成字符数组,我更喜欢使用扩展操作符(<代码>…):
const word =, & # 39;苹果# 39;
const characters =,词[…]
console.log(字符),//,(“a",,“p",,“p",,“l",,“e"] <强>注意强劲,这并不总是像预期的那样工作。有关更多信息,请参见下一个技巧。
<强> 4。如何计算字符串中的字符
可以使用长度<代码> 属性。
const word =,“apple";
console.log (word.length),//, 5 但对于中文来说,这个方法就不太靠谱。
那怎么去判断呢,使用解构操作符号(<代码>…>
这种方法在大多数情况下都有效,但是有一些极端情况,例如,如果使用表情符号,则有时此长度也是错误的。如果真想计算字符正确长度,则必须将单词分解为<强>字素簇(字形集群)强劲,这超出了本文的范围,这里就不在这说明。
<强> 5。如何反转字符串中的字符
反转字符串中的字符是很容易的。只需组合扩展操作符(<代码>…),<代码> Array.reverse 方法和<代码>数组。加入方法。
const word =,“apple"
const reversedWord =,词[…].reverse () . join (“”)
console.log (reversedWord),//,“elppa" 和前面一样,也有一些边缘情况。遇到边缘的情况就有需要首先将单词拆分为<强>字素簇。
<强> 6。如何将字符串中的第一个字母大写
一个非常常见的操作是将字符串的第一个字母大写。虽然许多编程语言都有一种本地方法来实现这一点,但JS需要做一些工作。
let word =, & # 39;应用# 39;
时间=word 词[0].toUpperCase (), +, word.substr (1)
console.log(词),//,“Apple" 另一种方法:
//,却;能够shows an alternative 方法
let word =,“apple";//,使用扩展运算符(“…”)拆分为字符
const characters =,词[…];
字符[0],=,字符[0].toUpperCase ();
时间=word characters.join (“;”);
console.log(单词);,//,“Apple" <强> 7。如何在多个分隔符上分割字符串
假设我们要在分隔符上分割字符串,第一想到的就是使用<代码> 分裂方法,这点,智米们肯定知道。但是,有一点大家可能不知道,就是<代码> 可分裂以同时拆分多个分隔符,使用正则表达式就可以实现:
//,用逗号(,)和分号(,)分开。
const list =,“苹果,香蕉;cherries"
const fruits =, list.split (/[,]/)
console.log(水果);,//,(“apples",,“bananas",,“cherries"]
