JS padStart()方法和padEnd()方法(ES6新增方法)

短命女 2022-10-05 06:49 125阅读 0赞

> 在日常开发中，有时候会遇到字符串填充的问题,常见的如：时间不足两位数补“0”等。
> 
>  *  padStart() 用于补全头部
>  *  padEnd() 用于补全尾部

**1. `str.padStart(targetLength,string)：`**

**padStart() 方法用另一个字符串填充当前字符串(如果需要的话，会重复多次)，以便产生的字符串达到给定的长度。从当前字符串的左侧开始填充。**

两个参数：  
`targetLength`：当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。  
`padString` （可选参数）：填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断。此参数的默认值为 " "。

例(1)  
![在这里插入图片描述][20210607174711445.png]  
例(2)  
![在这里插入图片描述][20210607174840707.png]

**2. `str.padEnd(targetLength,string)：`**

**使用指定字符串填充到目标字符串后面，使其达到目标长度。  
用一个字符串填充当前字符串（如果需要的话则重复填充），返回填充后达到指定长度的字符串。从当前字符串的末尾（右侧）开始填充**

两个参数：  
`targetLength`：当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。  
`padString`（可选）：填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断。此参数的缺省值为 " "。

例(1)

![在这里插入图片描述][20210607175654921.png]  
例(2)  
![在这里插入图片描述][20210607175733353.png]

[20210607174711445.png]: /images/20221005/ebabbdd9276f45efb24043dc7918dfea.png
[20210607174840707.png]: /images/20221005/a9ad7bb35dbd4f4d98a258ea6956cfd7.png
[20210607175654921.png]: /images/20221005/615502a1fd914b7a8e29ce747b1239ee.png
[20210607175733353.png]: /images/20221005/d33326eee4d04b0b89f97fa81e5fe5d8.png