如何在Angular 5的TS文件中实现类似PHP str_pad的左填充功能？

当然可以在Angular 5的TypeScript代码里复刻PHP的str_pad功能，而且有比你当前写法更简洁、更灵活的实现方式，甚至还有原生API可以直接用！

先说说你的现有写法 #

你写的左补零函数在固定场景下是有效的，但它只支持补零和左对齐，如果需要扩展支持其他填充字符或对齐方式，就不够通用了。不过如果你的需求只是左补零，那其实有更巧妙的原生方案。

最巧妙的场景化实现：用原生padStart #

TypeScript（ES2017及以上）原生提供了padStart和padEnd方法，刚好对应PHP的STR_PAD_LEFT和STR_PAD_RIGHT，Angular 5使用的TypeScript版本（2.4+）完全支持这个API。

对于你需要的左补零场景，一行代码就能搞定：

// 直接封装成你需要的函数
my_pad(stringval: string | number, length: number): string {
  return String(stringval).padStart(length, '0');
}

// 调用示例
this.someservice.newvalue = this.my_pad('234', 6); // 返回 '000234'

padStart会自动帮你计算需要填充的字符数，重复填充字符直到达到目标长度，非常省心。

通用版实现：完全复刻PHP的str_pad #

如果需要和PHP的str_pad功能完全一致（支持左对齐、右对齐、两端对齐，自定义填充字符），可以写一个通用函数：

strPad(
  input: string | number,
  targetLength: number,
  padChar: string = ' ',
  padType: 'left' | 'right' | 'both' = 'right'
): string {
  const str = String(input);
  // 如果原字符串长度已经大于等于目标长度，直接返回
  if (str.length >= targetLength) return str;

  const neededPadding = targetLength - str.length;
  let leftPad = 0;
  let rightPad = 0;

  // 根据对齐方式分配左右填充长度
  switch (padType) {
    case 'left':
      leftPad = neededPadding;
      break;
    case 'right':
      rightPad = neededPadding;
      break;
    case 'both':
      leftPad = Math.floor(neededPadding / 2);
      rightPad = Math.ceil(neededPadding / 2);
      break;
  }

  // 处理填充字符长度不足的情况，重复后截断到需要的长度
  const fullPad = padChar.repeat(Math.ceil(neededPadding / padChar.length)).slice(0, neededPadding);
  
  return fullPad.slice(0, leftPad) + str + fullPad.slice(leftPad, leftPad + rightPad);
}

使用示例：

// 对应你给出的PHP示例：str_pad("Hello World",20,".",STR_PAD_LEFT)
strPad("Hello World", 20, ".", "left"); // 返回 '.........Hello World'

// 左补零的场景
strPad('234', 6, '0', 'left'); // 返回 '000234'

总结 #

• 如果你只需要左补零，直接用原生padStart是最简洁巧妙的方案，不需要自己造轮子。
• 如果需要完整复刻PHP的str_pad功能，通用版函数可以满足所有场景需求。

内容的提问来源于stack exchange，提问作者Xavier de Lapeyre