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个字符

js字符串补全方法

上一篇:JSP技术(一)


下一篇:使用淘宝镜像cnpm安装Vue.js的图文教程