js 左填充字符串

在 JavaScript 中，左填充字符串是指在字符串的左侧添加指定的字符或字符串，使其达到指定的长度。这在处理需要固定长度字符串的场景时非常有用，例如格式化日期、时间、编号等。

基本概念

左填充字符串通常涉及以下几个要素：

原始字符串：需要进行填充的字符串。
目标长度：填充后字符串应达到的总长度。
填充字符：用于填充的字符，通常是一个空格或特定的字符。

实现方法

JavaScript 提供了几种实现左填充字符串的方法：

1. 使用 `String.prototype.padStart()`

padStart() 方法是 ES2017 引入的一个非常方便的方法，用于在字符串的起始位置填充指定的字符，直到达到目标长度。

语法：

str.padStart(targetLength[, padString])

targetLength：填充后的字符串长度。
padString（可选）：用于填充的字符串，默认为空格。

示例代码：

let originalStr = "42";
let paddedStr = originalStr.padStart(5, "0"); // 结果为 "00042"
console.log(paddedStr);

2. 使用自定义函数

如果需要兼容不支持 padStart() 的环境，可以编写自定义函数来实现左填充。

示例代码：

function leftPad(str, targetLength, padChar) {
    padChar = padChar || ' ';
    while (str.length < targetLength) {
        str = padChar + str;
    }
    return str;
}

let originalStr = "42";
let paddedStr = leftPad(originalStr, 5, "0"); // 结果为 "00042"
console.log(paddedStr);

应用场景

日期和时间格式化：确保日期和时间字符串具有固定的长度。
日期和时间格式化：确保日期和时间字符串具有固定的长度。
编号生成：确保所有编号具有相同的长度，便于排序和显示。
编号生成：确保所有编号具有相同的长度，便于排序和显示。

常见问题及解决方法

填充字符不是单个字符： padStart() 方法会将 padString 截断为单个字符。如果需要使用多个字符进行填充，可以先计算需要填充的次数，然后重复该字符串。
示例代码：
示例代码：
处理非字符串输入：确保输入是字符串类型，可以使用 String() 函数进行转换。
示例代码：
示例代码：

通过以上方法，可以灵活地在 JavaScript 中实现左填充字符串的功能，满足各种格式化需求。