在前端开发中，字符串长度控制是一个常见的需求。在 JavaScript 中，可以使用 ECMAScript 2017 的 String.prototype.padStart() 方法来实现字符串长度控制。这个方法可以让我们在字符串开头填充指定的字符，直到字符串达到指定的长度。
String.prototype.padStart() 方法的语法
String.prototype.padStart() 方法的语法如下：
str.padStart(targetLength [, padString])
参数说明：
targetLength：必填，表示目标字符串的长度，如果小于源字符串的长度，则返回源字符串本身。padString：选填，表示用来填充的字符串，默认值为一个空格。
使用 String.prototype.padStart() 方法进行字符串长度控制
为了方便演示，我们先定义一个字符串，然后使用 String.prototype.padStart() 方法进行长度控制。示例代码如下：
const str = 'hello'; const paddedStr1 = str.padStart(10, '*'); // "*****hello" const paddedStr2 = str.padStart(3, '*'); // "hello" console.log(paddedStr1); console.log(paddedStr2);
上述代码中，我们使用了 const 关键字定义了一个字符串 hello。然后我们调用了 padStart() 方法，传入了 10 和 * 作为参数。这个方法的作用是在字符串的开头填充 *，直到字符串的长度达到 10。最终返回的结果是 *****hello。我们还传入了 3 和 * 作为参数，这个时候字符串的长度已经超过了 3，所以 padStart() 方法不再填充字符，返回的结果是 hello。
实际应用中的字符串长度控制
在实际应用中，字符串长度控制更多的是用来格式化字符串的。例如，我们可以用 padStart() 方法来格式化时间字符串。示例代码如下：
// javascriptcn.com 代码示例
const now = new Date();
const year = now.getFullYear();
const month = (now.getMonth() + 1).toString().padStart(2, '0');
const day = now.getDate().toString().padStart(2, '0');
const hour = now.getHours().toString().padStart(2, '0');
const minute = now.getMinutes().toString().padStart(2, '0');
const second = now.getSeconds().toString().padStart(2, '0');
const formattedTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
console.log(formattedTime);在这个例子中，我们使用了 Date 对象来获取当前的时间，然后使用 padStart() 方法在月、日、小时、分钟以及秒数前面填充了 0，以达到统一格式的效果。最终输出的结果就是一个格式化好的时间字符串。
总结
JavaScript 中的 String.prototype.padStart() 方法可以让我们方便地实现字符串长度控制，特别是在字符串格式化的时候非常有用。只需要传入目标长度和要填充的字符，这个方法就可以自动地在字符串的开头进行填充。在实际应用中，我们可以用它来格式化时间字符串、数字字符串等等。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6529228a7d4982a6ebbaf524