ES6中新增的padStart()和padEnd()方法的使用(字符串填充)

你的名字 2022-02-04 00:13 188阅读 0赞

##### padStart() #####

padStart(maxLength: number, fillString?: string): string;

*  maxLength  
    最大的长度，当小于字符串少于这个长度是，会在字符串**头部**使用fillString（第二个参数）进行填充,直到达到最大长度。
 *  fillString  
    用于填充的字符串
 *  返回值  
    此方法会返回填充后的字符串  
    **例子：**
    
        let a = "1";
        let b = a.padStart(3, "0");
        console.log(b);
    
    运行截图  
    ![在这里插入图片描述][201905061454519.png]  
    可以看到，字符串1被填充后变成了001，

##### padEnd() #####

padEnd(maxLength: number, fillString?: string): string;

*  maxLength  
    最大的长度，当小于字符串少于这个长度是，会在字符串**尾部**使用fillString（第二个参数）进行填充,直到达到最大长度。
 *  fillString  
    用于填充的字符串
 *  返回值  
    此方法会返回填充后的字符串  
    **例子：**
    
        let a = "1";
        let b = a.padEnd(3, "0");
        console.log(b);
    
    运行截图  
    ![在这里插入图片描述][20190506150011752.png]  
    可以看到，字符串1被填充后变成了100，

padStart()方法和padEnd()使用方法一样，就是一个在头部进行填充，一个在尾部进行填充。

[201905061454519.png]: /images/20220204/6337f25fac2249228e58bacdb954ac25.png
[20190506150011752.png]: /images/20220204/4a6c24af91754f73a3f40ae692a9270a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，188人围观）

还没有评论，来说两句吧...

相关阅读

相关手写 padStart 和 padEnd 函数

1、padStart函数实现 function padStart(str, length, char) { let len = Math.floor(

爱被打了一巴掌/ 2024年03月01日 08:26/ 0 赞/ 51 阅读

相关 ES6 —— 字符串的扩展与新增方法(常用)

一、字符串的扩展 1. 字符串的遍历：`for...of` let foo=[{ a:2},{ b:3}] for(let tem

女爷i/ 2023年05月31日 02:43/ 0 赞/ 9 阅读

相关 padStart()。padEnd()

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。`padStart()`用于头部补全，`padEnd()`用于尾部补全。 `padS

柔情只为你懂/ 2022年12月25日 09:57/ 0 赞/ 84 阅读

相关 JS字符串补全方法padStart()和padEnd()简介

一、关于字符串补全 ![字符串补全文章缩略图][346edcd18021b91127550c71b34ba182.png] 在JS中，字符串补全是常用操作，用的比较多的

我不是女神ヾ/ 2022年10月23日 01:53/ 0 赞/ 127 阅读

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

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

短命女/ 2022年10月05日 06:49/ 0 赞/ 146 阅读

相关 ES6-字符串新增特性

1.模板字符串（1）定义比较长，复杂的字符串，如html代码模板字符串中写 \` 需要转义，例子： <script> let html

怼烎@/ 2022年05月15日 04:06/ 0 赞/ 457 阅读

相关 padStart()方法,padEnd()方法实现字符串补全

转载：[https://blog.csdn.net/ixygj197875/article/details/79090578][https_blog.csdn.net_ixyg

女爷i/ 2022年03月18日 08:36/ 0 赞/ 177 阅读

相关 JS中的模板字符串(ES6新增)

模板字符串(template strings) ES6引入了一种新的字符串字面量语法，特点如下： > 使用反引号\`包围字符串(常规是用单引号`'`或双引号`"`)。

末蓝、/ 2022年03月01日 08:08/ 0 赞/ 677 阅读

相关 ES6中新增的padStart()和padEnd()方法的使用(字符串填充)

padStart() padStart(maxLength: number, fillString?: string): string; maxLengt

你的名字/ 2022年02月04日 00:13/ 0 赞/ 189 阅读

相关 JS中如何使用padStart()和padEnd()格式化字符串？

JS中如何使用padStart()和padEnd()格式化字符串？几天前，我正在使用JavaScript构建倒数计时器，因此我需要格式化秒和毫秒，我希望秒始终是2位数的...

朱雀/ 2020年07月01日 20:58/ 0 赞/ 565 阅读