美文网首页
字符串es6新方法

字符串es6新方法

作者: 瑞破破 | 来源:发表于2018-12-08 11:42 被阅读0次

ES6 引入了字符串补全长度的功能,如果某个字符串不够指定长度,会在头部活尾部补全。
padStart 和 padEnd 一共接受2个参数,第一个是用来指定字符串的最小长度,第二个参数是用来补全长度的字符串。

  • padStart() 用于头部补全;
'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
  • padEnd() 用于尾部补全。
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

1、如果原字符串长度等于或大于指定得最小长度,则返回原字符串。

'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'

2、如果用来补齐的字符串与原字符串两者的长度之和超过了指定的最小长度,则会截取超过位数的补全字符串。

'abc'.padStart(5, '123')  // 12abc
'abc'.padEnd(5, '123') // abc12

3、如果省略第二个参数,默认使用空格补全。下面的代码是生成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新语法

    一、字符串拼接(ES6) 1.传统方法 使用+ 2.模版拼接(ES6新方法) 使用${str1}拼接,可支持换行,...

  • es6字符串

    es6多了两个新方法 和python用法一样startsWithendsWith 字符串模版 使用反引号,${变量...

  • 【ES6】字符串的常用方法

    includes(), startsWith(), endsWith() ES6 提供了三种新方法来确定一个字符串...

  • 第四章 字符串的扩展

    字符串检索位置   ES5中提供了indexOf来确定一个字符串是否包含在另一个字符串中。ES6又提供了一种新方法...

  • 字符串

    类似于indexOf() ES6又提供了三种新方法。用来确定一个字符串是否包含在另一个字符串中。 includes...

  • 字符串es6新方法

    ES6 引入了字符串补全长度的功能,如果某个字符串不够指定长度,会在头部活尾部补全。padStart 和 padE...

  • 5.字符串ES6中的新方法

    字符串ES6中的新方法 .startsWith() 是否已某个字符开头,如果有第二个参数,表示从第几个字符开始,这...

  • 附录拾遗

    《深入理解ES6》阅读随笔 ES6 中一些其他小变化 Number 新方法 整数识别 Number.isInteg...

  • ES6拼接字符串新方法

    ES6很多语法已经相当普及,有空一定要抓紧看! 看一段代码: 这里,函数需要拼接字符串,采用+连接,ES6有新的方...

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

网友评论

      本文标题:字符串es6新方法

      本文链接:https://www.haomeiwen.com/subject/ngfqhqtx.html