JavaScript实现固定长度子字符串：不足部分补空格

架构老林

2026-5-12

解决方案：给截取后的字符串补全空格到固定长度

当然可行！你现有的代码已经完成了“截取字符串前10个字符”的核心操作，只需要再加一步，给长度不足10的字符串补上空格就能实现需求。

方法1：使用ES6的`padEnd`方法（推荐）

JavaScript的padEnd()方法可以直接帮我们在字符串末尾填充指定字符，直到达到目标长度，代码简洁且易读：

for(let i = 0; i < namesArray.length; i++) {
  const originalName = namesArray[i]['name'];
  // 先截取前10个字符，再用空格补全至10位
  const source = originalName.substr(0, 10).padEnd(10, ' ');
  // 这里可以添加你对source的后续处理逻辑，比如存储或打印
}

注：padEnd()是ES6新增的方法，现代浏览器和Node.js都支持，如果需要兼容非常旧的环境，可以用下面的手动补全方法。

方法2：手动补全空格（兼容旧环境）

如果你的运行环境不支持padEnd，可以通过循环的方式手动补空格：

for(let i = 0; i < namesArray.length; i++) {
  const originalName = namesArray[i]['name'];
  let source = originalName.substr(0, 10);
  // 当长度不足10时，持续添加空格
  while(source.length < 10) {
    source += ' ';
  }
  // 后续处理逻辑
}

两种方法都能完美匹配你的需求：