padStart()与padEnd()

padStart()

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

语法

str.padStart(targetLength [, padString])

参数：

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

例子

第2个参数不为空

let str = '6';
console.log(str.padStart(2,'0'));

let str = '6';
console.log(str.padStart(6,'0'));

当月份不够2位时显示2位：

let str = new Date();
console.log(new Date().toLocaleDateString())
let month = (str.getMonth()+1).toString();
console.log(month.padStart(2,'0'))

第2个参数为空

let str = '6';
let data = str.padStart(2)
console.log(data);  // ' 6'
console.log(data.length)

padEnd()

语法

str.padEnd(targetLength [, padString])

参数：

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

例子

第2个参数不为空

let str = '6';
console.log(str.padEnd(2,'foo'));

第2个参数为空

    let str = '6';let data = str.padEnd(5)console.log(data);  // '6    'console.log(data.length)

padStart()与padEnd()相关推荐

es2017 提供的针对字符串填充的函数：padStart、padEnd
ES 2017推出padStart和padEnd. String Padding padStart()和padEnd()方法用来把一个字符串填到另一个字符串,直到结果字符串到达提供的长度.字符串将在必 ...
JS字符串padStart()方法,padEnd()方法
padStart()方法,padEnd()方法 ES2017 引入了字符串补全长度的功能.如果某个字符串不够指定长度,会在头部或尾部补全.padStart()用于头部补全,padEnd()用于尾部补全 ...
padStart()和padEnd()使用
padStart()和padEnd() padStart()我一般用来处理日期的月和日小于10,前面补0的问题 let date = new Date() let month = 4; // 假定4为 ...
padStart()和padEnd()
padStart()和padEnd()作用:字符串补全 padStart()用于头部补全,padEnd()用于尾部补全. padStart()和padStart()接收两个参数第一个参数:指定字符串 ...
padStart与padEnd方法
padStart与padEnd是es6新增的两个方法,作用是为了补全字段.前者是向前补全,后者是向后补全 .它们有两个参数,一个表示字符长度,一个表示补全用的数值.下图可以直观感受到方法的作用以及各种 ...
JS字符串补全方法padStart()和padEnd()简介
一.关于字符串补全在JS中,字符串补全是常用操作,用的比较多的就是时间或者日期前面的补0. 例如,日期,我们多采用4-2-2的表示形式,例如: 2018-07-23 当我们使用时间戳进行月份获取的时 ...
java padend_JS字符串补全方法padStart()和padEnd()
这个方法无意中看到的,感觉还是蛮实用的,特此分享一波.我想大家都会有遇到将时间戳转换成时间格式的时候,时间或日期不足2位的前面补0.有了今天说的这个东西,就又可以少写几行代码了,大家在项目中遇到类似场 ...
前端开发中，会遇到字符串填充的问题，padStart() 和 padEnd()
如图显示要求原本是直接选择时间就没问题了,但是又改变了需求,就是选择时间后可以选择批次号, 有两种方法,可以做.先了解需要用到的js 语法第一种 map 循环定义一个方法名字,一会方便调用 co ...
padStart()。padEnd()
ES2017 引入了字符串补全长度的功能.如果某个字符串不够指定长度,会在头部或尾部补全.padStart()用于头部补全,padEnd()用于尾部补全. padStart()和padEnd()一共接 ...
js方法padStart()和padEnd()使用示例
前端开发中,会遇到字符串填充的问题,padStart()和padEnd()可能会有帮助: str.padStart(targetLength,string): 使用指定字符串填充到目标字符串前面,使其 ...

padStart()与padEnd()

padStart()

语法

例子

padEnd()

语法

例子

padStart()与padEnd()相关推荐

最新文章

热门文章