js字符串补全方法

一、关于padStart

语法:str.padStart(targetLength [, padString])

1、targetLength(可选)

  补全后字符串的长度,如果本身超过补全长度则返回原字符串,如果少于长度返回补全后字符串,栗子如下:

'qts'.padStart(5);    
// 结果还是'qts'

2、padString (可选)

     设置补全的字符串的字符,栗子如下:

'qts'.padStart(15, false);
// 结果是'falseqts'
'qts'.padStart(15, null);
// 结果是'nullqts'
'qts'.padStart(15, []);
// 结果是'qts',因为[]转换成字符串是空字符串
'qts'.padStart(15, {});
// 结果是'[objeqts',只显示了'[object Object]'前5个字符

最常用的就是日期补0操作:

const month = String(new Date().getMonth() + 1).padStart(2, '0');    // 结果是'01'

二、关于padEnd

语法:str.padEnd(targetLength [, padString])

1、targetLength(可选)

  补全后字符串的长度,如果本身超过补全长度则返回原字符串,如果少于长度返回补全后字符串,栗子如下:

'qts'.padStart(5);    
// 结果还是'qts'

2、padString (可选)

     设置补全的字符串的字符,栗子如下:

'qts'.padStart(15, false);
// 结果是'qtsfalse'
'qts'.padStart(15, null);
// 结果是'qtsnull'
'qts'.padStart(15, []);
// 结果是'qts',因为[]转换成字符串是空字符串
'qts'.padStart(15, {});
// 结果是'qts[obje',只显示了'[object Object]'前5个字符
posted @ 2021-01-04 19:25  程序員劝退师  阅读(2814)  评论(0编辑  收藏  举报