如何用原生JS实现字符串的尾部补全功能,就像padEnd()一样?

2026-04-03 10:460阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计960个文字,预计阅读时间需要4分钟。

如何用原生JS实现字符串的尾部补全功能,就像padEnd()一样?

这个方法看起来挺实用的,感觉还是蛮有用的。特别分享一波。我想大家都会遇到时间转换成时间格式的时刻,时间或日期不超过两位数的面前要加零。有了今天说的这个技巧,又可以少用几分钟了。

这个方法无意中看到的,感觉还是蛮实用的,特此分享一波。我想大家都会有遇到将时间戳转换成时间格式的时候,时间或日期不足2位的前面补0。有了今天说的这个东西,就又可以少写几行代码了,大家在项目中遇到类似场景可以去使用感受下。

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

padStart() padEnd() 方法用另一个字符串填充当前字符串(如果需要的话则重复填充),返回填充后达到指定长度的字符串。
padStart() 从当前字符串的开始(左侧) 位置填充。
padEnd() 从当前字符串的末尾(右侧)开始填充。

语法:

str.padStart(targetLength [, padString]) str.padEnd(targetLength [, padString])

padStart() 和 padEnd() 一共接受两个参数,第一个参数 targetLength 是当前字符串需要填充到的目标长度,第二个参数 padString 是用来填充的字符串,缺省值为" "。

返回值:

在原字符串开头填充指定的填充字符串直到目标长度所形成的新字符串。

如果 targetLength 小于当前字符串的长度,则字符串补全不生效,返回当前字符串本身。

阅读全文

本文共计960个文字,预计阅读时间需要4分钟。

如何用原生JS实现字符串的尾部补全功能,就像padEnd()一样?

这个方法看起来挺实用的,感觉还是蛮有用的。特别分享一波。我想大家都会遇到时间转换成时间格式的时刻,时间或日期不超过两位数的面前要加零。有了今天说的这个技巧,又可以少用几分钟了。

这个方法无意中看到的,感觉还是蛮实用的,特此分享一波。我想大家都会有遇到将时间戳转换成时间格式的时候,时间或日期不足2位的前面补0。有了今天说的这个东西,就又可以少写几行代码了,大家在项目中遇到类似场景可以去使用感受下。

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

padStart() padEnd() 方法用另一个字符串填充当前字符串(如果需要的话则重复填充),返回填充后达到指定长度的字符串。
padStart() 从当前字符串的开始(左侧) 位置填充。
padEnd() 从当前字符串的末尾(右侧)开始填充。

语法:

str.padStart(targetLength [, padString]) str.padEnd(targetLength [, padString])

padStart() 和 padEnd() 一共接受两个参数,第一个参数 targetLength 是当前字符串需要填充到的目标长度,第二个参数 padString 是用来填充的字符串,缺省值为" "。

返回值:

在原字符串开头填充指定的填充字符串直到目标长度所形成的新字符串。

如果 targetLength 小于当前字符串的长度,则字符串补全不生效,返回当前字符串本身。

阅读全文