ECMAScript 2017 的字符串填充方法 padStart/padEnd 的使用和实现

在 ECMAScript 2017 中，新增了两个字符串填充方法：padStart 和 padEnd。这两个方法可以用来在字符串的前面或后面添加指定的字符，以达到字符串长度的要求。

padStart 和 padEnd 的使用

padStart 和 padEnd 接受两个参数：第一个参数表示字符串的最小长度，第二个参数表示用来填充的字符。如果不传递第二个参数，默认使用空格来填充。

下面是 padStart 和 padEnd 的使用示例：

const str = '123';
console.log(str.padStart(5, '0')); // 输出：00123
console.log(str.padEnd(5, '0')); // 输出：12300

在上面的代码中，padStart 和 padEnd 都将字符串填充到了 5 个字符的长度，分别在字符串的前面和后面添加了 0。

padStart 和 padEnd 的实现

如果我们想要手动实现 padStart 和 padEnd 的功能，该怎么做呢？下面是一个简单的实现：

// javascriptcn.com 代码示例
function padStart(str, targetLength, padChar) {
  const len = targetLength - str.length;
  if (len <= 0) {
    return str;
  }
  const pad = padChar.repeat(len);
  return pad + str;
}

function padEnd(str, targetLength, padChar) {
  const len = targetLength - str.length;
  if (len <= 0) {
    return str;
  }
  const pad = padChar.repeat(len);
  return str + pad;
}

在上面的代码中，我们使用了 repeat 方法来创建指定长度的填充字符。如果字符串的长度已经大于等于目标长度，就直接返回原字符串。

padStart 和 padEnd 的指导意义

padStart 和 padEnd 的出现，可以让我们更方便地控制字符串的长度和格式。在实际开发中，我们可以使用这两个方法来格式化输出，或者为一些需要固定长度的字符串添加填充字符等。

此外，padStart 和 padEnd 的实现也可以帮助我们更好地理解字符串的处理和函数式编程的思想。

总结

本文介绍了 ECMAScript 2017 中新增的字符串填充方法 padStart 和 padEnd 的使用和实现，并探讨了它们的指导意义。希望读者可以通过本文的学习，更好地掌握 JavaScript 中字符串的处理和函数式编程的思想。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65878b5ceb4cecbf2dcc806f