基本信息
文件名称:过去五年里,JavaScript中的一些超级有用的特性!.docx
文件大小:18.9 KB
总页数:10 页
更新时间:2025-07-02
总字数:约5.71千字
文档摘要

过去五年里,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?将重复追