padstart()和padend()是javascript中不修改原字符串、返回新字符串的填充方法，适用于银行卡脱敏、日期补零、日志对齐等场景，支持多字符循环填充且兼容性良好。

padStart() 和 padEnd() 是 JavaScript 中用于字符串填充的实用方法，适合处理银行卡号脱敏、日期对齐、编号补零等场景。它们不改变原字符串，而是返回新字符串，语法简洁、语义清晰。

银行卡号脱敏：用 padStart() 隐藏前几位

常见脱敏方式是保留后 4 位，其余用 * 替代。可结合 slice() 与 padStart() 实现：

• 先取后 4 位：card.slice(-4)
• 再用 '*' 填充至原长度：'*'.repeat(card.length - 4) 或更稳妥地用 '*'.padStart(card.length - 4, '*')（虽然 repeat 更直接，但 padStart 可统一逻辑）
• 推荐写法（兼顾可读与健壮性）：
  const maskedCard = '*'.repeat(Math.max(0, card.length - 4)) + card.slice(-4);
  若坚持用 padStart，可这样模拟：
  const maskedCard = card.slice(-4).padStart(card.length, '*'); —— 这行代码本质是“把后 4 位当作内容，用 * 从左边补足到总长度”，效果一致且更函数式。

日期/时间字段对齐：用 padStart() 补零

获取月、日、时、分等单数字值时，常需补零成两位显示（如 2024-5-7 → 2024-05-07）。padStart(2, '0') 是标准解法：

• new Date().getMonth() + 1 返回 1–12，但 5 月会得 5，调用 (5).toString().padStart(2, '0') 得 '05'
• 封装小工具函数更方便：
  const twoDigits = n => String(n).padStart(2, '0');
  然后：`${y}-${twoDigits(m+1)}-${twoDigits(d)}`
• 注意：不要对整个日期字符串 padStart，而应对数值转字符串后操作，避免误填空格或错位

padEnd() 的典型用途：右对齐文本或固定宽度日志

当需要控制输出宽度（如命令行日志、表格对齐），padEnd() 比空格拼接更可靠：

• 日志标签右对齐示例：
  console.log(`[INFO]`.padEnd(10) + 'User login succeeded'); // "[INFO] User login succeeded"
• 生成固定长度字段（如导出 CSV 前对齐）：
  const bankName = 'ICBC'.padEnd(12, ' '); // 'ICBC '
• 与 padStart 对比：padStart 左对齐补前缀，padEnd 右对齐补后缀；两者都支持任意填充字符串（不只是单字符）

注意事项与边界情况

• 目标长度 ≤ 原字符串长度时，返回原字符串，不截断也不报错
• 填充字符串为空（''）时，返回原字符串；若为多字符（如 'xx'），会循环使用：'abc'.padStart(8, 'xx') → 'xx xxabc'
• 兼容性良好：Chrome 57+/Firefox 48+/Safari 10+/Edge 15+，Node.js 8.0+；旧环境可用 polyfill 或简单替代（如 str.padStart?.(n, c) || (c.repeat(n)+str).slice(-n)）
• 不适用于敏感数据加密，仅作前端展示层脱敏；真实风控仍需服务端处理