第
过去五年里,JavaScript中的一些超级有用的特性!
技术总是在不断发展,JavaScript自1995年提出诞生以来发生了很多的变化,从那时起到现在它添加了许多新功能。本文讨论了过去5年添加到JavaScript中的一些超级有用(但可能不太为人所知)的特性!但是它并不能的囊括所有的特性。
String.padStart()和String.padEnd()
这两个字符串方法是将字符串填充到其他字符串的快速简便的方法。顾名思义,String.padStart()将一个新字符串添加到给定字符串的开头,并将String.padEnd()一个字符串附加到给定字符串的末尾。
注意:这些方法不会改变原始字符串。
String.padStart(desiredStringLength,stringToAdd)
desiredStringLength:你希望新字符串长度为数字的长度。
stringToAdd:这是要添加到原始字符串开头的字符串。
让我们看一个例子:
代码示例:
//最初的字符串
letoriginalString=Script
//对原始的字符串添加字符串
letpaddedString=originalString.padStart(10,Java
console.log(paddedString);
//输出--
//JavaScript
如果我们希望的新字符串长度比原始字符串的长度+要添加的字符串短。会发生什么情况呢?
在这种情况下,我们把将要添加到原始字符串开头的字符串多余的部分会被截掉。
例子:
letoriginalString=Script
letpaddedString=originalString.padStart(7,Java
console.log(paddedString);
//输出--
//JScript
//把将要添加到原始字符串开头的字符串从Java截断为J
如果我们希望的新字符串长度比原始字符串的长度+要添加的字符串长怎么办?
这可能会导致结果不符合我们的预期!它会把将要添加到原始字符串开头的字符串进行重复,直到它等于我们希望的新字符串长度
代码示例:
letoriginalString=Script
letpaddedString=originalString.padStart(15,Java
console.log(paddedString);
//输出--
//JavaJavaJScript
如果没有提供将要添加到原始字符串开头的字符串参数呢?
它会在原始字符串的前面添加空格,直到字符串长度等于我们希望的新字符串长度
代码示例:
letoriginalString=Script
letpaddedString=originalString.padStart(15);
console.log(paddedString);
//输出--
//Script
最后,没有提供我们希望的新字符串长度参数怎么办?
它会把原始字符串的副本被原封不动地返回:
代码示例:
letoriginalString=Script
letpaddedString=originalString.padStart(Java
console.log(paddedString);
//输出--
//Script
String.padEnd(desiredStringLength,stringToAppend)
desiredStringLength:你希望新字符串长度为数字的长度。
stringToAdd:这是要添加到原始字符串开头的字符串。
此字符串方法的工作方式与String.padStart()相同,但将字符串附加到给定字符串的末尾。
代码示例:
letoriginalString=Web
letpaddedString=originalString.padEnd(6,Dev
console.log(paddedString);
//输出--
//WebDev
相同的规则适用于参数使用:
desiredStringLength原始字符串+stringToAppend?附加到原始字符串末尾的stringToAppend将被截断。
desiredStringLength原始字符串+stringToAppend?将重复追