前端开发离不开大量的字符串操作，其中包括对字符串的截取、填充、替换等功能。在这些字符串操作中，经常需要用到字符串的长度来进行各种处理。为了方便开发者进行字符串操作，并避免重复造轮子，npm 社区中诞生了很多优秀的字符串处理库。其中，lodash 是一个非常著名的 JavaScript 工具库。lodash 中提供了很多实用的方法，其中就包括字符串处理的方法。这里，我们来介绍一个非常实用的 lodash 方法：lodash.padLeft。
什么是 lodash.padLeft
lodash.padLeft 方法是一个用于字符串填充的方法。它可以在一个字符串的左侧填充指定的字符，使字符串达到指定的长度。lodash.padLeft 可以应用于很多场景，比如补全数字的前导零、对齐表格中的文字等等。
如何使用 lodash.padLeft
安装 lodash
运行以下命令来安装 lodash：
npm install --save lodash
使用 lodash.padLeft
使用 lodash.padLeft 方法也非常简单。该方法接收三个参数：需要填充的字符串、填充字符和目标长度。
例如，如果我们需要将字符串 '123' 填充为长度为 5 的字符串，并在左侧填充 0，则可以使用以下代码：
const _ = require('lodash');
const str = _.padLeft('123', 5, '0');
console.log(str);
// 输出 00123参数说明
- 需要填充的字符串：需要进行填充的字符串。
- 目标长度：填充后字符串需要达到的长度。
- 填充字符（可选）：默认填充字符为一个空格，如果需要填充其他字符，则需要传入该字符。注意，如果填充字符长度大于 1，则只会取第一个字符进行填充。
一些应用
- 字符串长度不足时进行填充
const _ = require('lodash');
const str1 = 'abc';
const str2 = _.padLeft(str1, 5, '0');
console.log(str2);
// 输出 00abc- 补全数字的前导零
在 JavaScript 中，如果数字小于 10，那么它只有一位。如果我们需要对数字进行对齐，使它们在列中垂直排列，则需要在数字左侧添加前导零。
-- -------------------- ---- -------
----- - - ------------------
--- ---- - - -- - - --- ---- -
----- --- - ------------ -- -----
-----------------
-
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --
-- --可以看到，对于小于 10 的数字，lodash.padLeft 方法会自动在左侧填充一个前导零。
结语
lodash.padLeft 是一个十分实用的字符串填充方法，它可以帮助我们在字符串处理时更加高效、方便、准确地完成各种操作。如果您还没有使用过 lodash.padLeft 方法，赶快试试，相信你会喜欢上它的！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3e3107dbf7be33b2567151