在 JavaScript 中，我們可以使用 padStart() 和 padEnd() 方法來完成字符串補全。下面給大家介紹一下這兩個方法的使用。

• padStart() 方法用于在當前字符串的前面填充指定的字符，直到字符串的長度達到指定的長度。
• padEnd() 方法用于在當前字符串的后面填充指定的字符，直到字符串的長度達到指定的長度。

語法：

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

接受兩個參數(shù)：

• targetLength 是填充后的結(jié)果字符串的長度。
• padString 是一個可選參數(shù)，用于填充字符串，此參數(shù)的默認值為" "。

返回值：

在原字符串開頭或末尾填充指定的填充字符串直到目標長度所形成的新字符串。
如果 targetLength 小于當前字符串的長度，則字符串補全不生效，返回當前字符串本身。

'qwe'.padStart(1, 'r')      // "qwe"
'qwe'.padEnd(1, 'r')        // "qwe"

如果 targetLength 小于用來填充的字符串長度與原字符串的長度之和，則截掉超出位數(shù)的補全字符串。

'qwe'.padStart(6, '123456') // "123qwe"
'qwe'.padEnd(6, '123456')   // "qwe123"

如果省略第二個參數(shù) padString，即使用空格補全長度。

'qwe'.padStart(6)          // "   qwe"
'qwe'.padEnd(6)            // "qwe   "

應(yīng)用：

• 用的比較多的就是時間或者日期前面的補 0，如格式化日期時，我們多采用 4-2-2 的表示形式：

function formatDate(date) {
  const d = new Date(date); // 必須是可被new Date() 解析的格式
  const year = d.getFullYear();
  const month = d.getMonth() + 1;
  const day = d.getDate();

  return [year, month, day].map(formatNumber).join('-');
}

function formatNumber(n) {
  n = n.toString();
  return n[1] ? n : n.padStart(2, '0');
}

到此，關(guān)于 JS 字符串補全方法 padStart() 和 padEnd() 的使用就介紹到這里了，希望對大家有所幫助。如有疑問，歡迎留言交流。