一、关于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个字符