一、關於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個字符