Vue字符串padStart和padEnd方法

Vue字符串padStart和padEnd方法ES2017 引入了字符串补全长度的函数 如果某个字符串的长度不够指定的长度 会在头部或尾部补全 padStart 用于头部补全 padEnd 用于尾部补全 a padStart 3 0 00a x padEnd 5 ab xabab x padEnd 4 ab xaba 上面代码中 padStart 和 padSt

ES2017 引入了字符串补全长度的函数。如果某个字符串的长度不够指定的长度,会在头部或尾部补全。

padStart()用于头部补全,padEnd()用于尾部补全。

  1. ‘a’.padStart(3, ‘0’) // ’00a’
  2. ‘x’.padEnd(5, ‘ab’) // ‘xabab’
  3. ‘x’.padEnd(4, ‘ab’) // ‘xaba’

上面代码中,padStart()和padStart()一共接受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串。

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

  1. ‘xxx’.padStart(2, ‘ab’) // ‘xxx’
  2. ‘xxx’.padEnd(2, ‘ab’) // ‘xxx’

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

 

  1. ‘abc’.padStart(10, ‘0’)
  2. // ‘0abc’

如果省略第二个参数,默认使用空格补全长度。

  1. ‘x’.padStart(4) // ‘ x’
  2. ‘x’.padEnd(4) // ‘x ‘

padStart()的常见用途是为数值补全指定位数。下面代码生成 10 位的数值字符串。

  1. ‘1’.padStart(10, ‘0’) // “0000000001”
  2. ’12’.padStart(10, ‘0’) // “0000000012”
  3. ”.padStart(10, ‘0’) // “0000”

另一个用途是提示字符串格式。

  1. ’12’.padStart(10, ‘YYYY-MM-DD’) // “YYYY-MM-12”
  2. ’09-12′.padStart(10, ‘YYYY-MM-DD’) // “YYYY-09-12”
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/229035.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午5:36
下一篇 2026年3月16日 下午5:37


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号