在前端开发中，字符串处理是一个非常重要的部分。随着 JavaScript 的发展，字符串处理的方法也在不断地更新和完善。本文将探讨从 ES8 中的 String.prototype.padStart 到 Lodash 的字符串填充方法，包括使用方法、优缺点、示例代码等方面的内容。
ES8 中的 String.prototype.padStart
ES8 中新增了 String.prototype.padStart 方法，用于在字符串的开头填充指定的字符串，直到字符串达到指定的长度。该方法的使用方法如下：
str.padStart(targetLength [, padString])
其中，targetLength 表示字符串的目标长度，padString 表示用于填充的字符串，默认为空格。
示例代码：
const str = '123'; console.log(str.padStart(5, '0')); // 输出 00123
String.prototype.padStart 方法的优点是，可以直接使用原生的 JavaScript 方法，不需要引入额外的库。但是其缺点也很明显，只能在字符串的开头进行填充，如果需要在字符串的结尾进行填充，则需要使用 String.prototype.padEnd 方法，这样会导致代码的冗余和不便于维护。
Lodash
Lodash 是一个流行的 JavaScript 工具库，其中包括了许多字符串处理的方法。在 Lodash 中，填充字符串的方法包括了 padStart 和 padEnd 两个方法，可以在字符串的开头和结尾进行填充。
Lodash 的 padStart 方法使用方法如下：
_.padStart(string, length [, chars])
其中，string 表示需要填充的字符串，length 表示字符串的目标长度，chars 表示用于填充的字符串，默认为空格。
示例代码：
const str = '123'; console.log(_.padStart(str, 5, '0')); // 输出 00123
Lodash 的 padEnd 方法使用方法和参数和 padStart 方法相同，只是填充的位置不同。
Lodash 的优点是，提供了丰富的字符串处理方法，并且对于不同的字符串处理需求，可以选择不同的方法进行处理，可以大大提高开发效率。但是其缺点也很明显，需要引入额外的库，增加了代码的体积和加载时间。
总结
在前端开发中，字符串处理是一个非常重要的部分。从 ES8 中的 String.prototype.padStart 到 Lodash，我们可以看到，JavaScript 的字符串处理方法越来越丰富，可以根据需求选择不同的方法进行处理。对于简单的字符串填充，可以使用原生的 JavaScript 方法，对于复杂的字符串处理，可以使用 Lodash 等工具库来提高开发效率。
示例代码：
// javascriptcn.com 代码示例 // ES8 中的 String.prototype.padStart 方法 const str1 = '123'; console.log(str1.padStart(5, '0')); // 输出 00123 // Lodash 中的 padStart 方法 const str2 = '123'; console.log(_.padStart(str2, 5, '0')); // 输出 00123 // Lodash 中的 padEnd 方法 const str3 = '123'; console.log(_.padEnd(str3, 5, '0')); // 输出 12300
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65813987d2f5e1655dc6b155