技术总是在不断发展,JavaScript 自 1995 年提出诞生以来发生了很多的变化,从那时起到现在它添加了许多新功能。本文讨论了过去 5 年添加到 JavaScript 中的一些超级有用(但可能不太为人所知)的特性!但是它并不能的囊括所有的特性。
这两个字符串方法是将字符串填充到其他字符串的快速简便的方法。顾名思义,String.padStart()
将一个新字符串添加到给定字符串的开头,并将String.padEnd()
一个字符串附加到给定字符串的末尾。
注意:这些方法不会改变原始字符串。
desiredStringLength:你希望新字符串长度为数字的长度。【推荐学习:javascript视频教程】
stringToAdd:这是要添加到原始字符串开头的字符串。
让我们看一个例子:
代码示例:
1 2 3 4 5 6 7 8 9 10 //最初的字符串
let originalString =
'Script'
;
//对原始的字符串添加字符串
let paddedString = originalString.padStart(10,
'Java'
);
console.log(paddedString);
// 输出 -->
// 'JavaScript'
如果“我们希望的新字符串长度”比“原始字符串的长度+要添加的字符串”短 。会发生什么情况呢?
在这种情况下,我们把
将要添加到原始字符串开头的字符串
多余的部分会被截掉。
例子:
1 2 3 4 5 6 7 8 9 let originalString =
'Script'
;
let paddedString = originalString.padStart(7,
'Java'
);
console.log(paddedString);
// 输出 -->
// 'JScript'
// 把将要添加到原始字符串开头的字符串从“Java”截断为“J”
如果我们希望的新字符串长度比“原始字符串的长度+要添加的字符串”长怎么办?
这可能会导致结果不符合我们的预期!它会把
将要添加到原始字符串开头的字符串
进行重复,直到它等于我们希望的新字符串长度
代码示例:
1 2 3 4 5 6 7 8 let originalString =
'Script'
;
let paddedString = originalString.padStart( 15,
'Java'
);
console.log(paddedString);
// 输出 -->
// 'JavaJavaJScript'