ES6-字符串扩展-padStart(),padEnd()
2017-10-27 11:29
323 查看
ES6 引入了字符串补全长度的功能,如果某个字符串不够指定长度,会在头部活尾部补全。
padStart() 用于头部补全;
padEnd() 用于尾部补全。
'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'上面代码中,padStart 和 padEnd 一共接受2个参数,第一个是用来指定字符串的最小长度,第二个参数是用来补全长度的字符串。
1)如果原字符串长度等于或大于指定得最小长度,则返回原字符串。
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'2)如果用来补齐的字符串与原字符串两者的长度之和超过了指定的最小长度,则会截取超过位数的补全字符串。
'abc'.padStart(5, '123') // 12abc
'abc'.padEnd(5, '123') // abc123)如果省略第二个参数,默认使用空格补全。下面的代码是生成10位的数值字符串。
'x'.padStart(4) // ' x'
'x'.padEnd(4) // 'x 'padStart() 常见的用途是为数值补全指定位数。
'1'.padStart(10, '0') // "0000000001"
'12'.padStart(10, '0') // "0000000012"
'123456'.padStart(10, '0') // "0000123456"padStart() 另一个常用的是提示字符串格式。
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"
padStart() 用于头部补全;
padEnd() 用于尾部补全。
'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'上面代码中,padStart 和 padEnd 一共接受2个参数,第一个是用来指定字符串的最小长度,第二个参数是用来补全长度的字符串。
1)如果原字符串长度等于或大于指定得最小长度,则返回原字符串。
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'2)如果用来补齐的字符串与原字符串两者的长度之和超过了指定的最小长度,则会截取超过位数的补全字符串。
'abc'.padStart(5, '123') // 12abc
'abc'.padEnd(5, '123') // abc123)如果省略第二个参数,默认使用空格补全。下面的代码是生成10位的数值字符串。
'x'.padStart(4) // ' x'
'x'.padEnd(4) // 'x 'padStart() 常见的用途是为数值补全指定位数。
'1'.padStart(10, '0') // "0000000001"
'12'.padStart(10, '0') // "0000000012"
'123456'.padStart(10, '0') // "0000123456"padStart() 另一个常用的是提示字符串格式。
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"
相关文章推荐
- es6字符串扩展 -- 字符串长度补全功能 padStart(), padEnd()
- ES6学习4章:字符串的扩展
- ES6-字符串扩展-at()和normalize()
- JavaScript中ES6字符串扩展方法
- ES6(四)字符串的扩展
- ES6字符串的扩展方法
- ES6 字符串扩展
- 【es6】字符串扩展
- padStart()方法,padEnd()方法
- es6学习之字符串的扩展
- ES6------第五天(字符串的扩展后部分)
- ES6-字符串扩展-includes(), startsWith(), endsWith()
- es6语法-字符串扩展
- ES6 —(字符串扩展)
- ES6-字符串扩展-模板字符串
- ES6-字符串扩展-标签模板
- es6学习篇之字符串的扩展
- ES6------第四天(字符串的扩展前部分)
- padStart()方法,padEnd()方法
- ES6字符串扩展