js padEnd方法介绍笔记

padEnd() 是 JavaScript 字符串的方法之一，它用于在当前字符串的末尾添加指定数量的字符，直到字符串达到指定的长度。

• padEnd() 方法接受两个参数：
  • 目标长度和要添加的填充字符。
    • 如果当前字符串的长度已经等于或超过目标长度，则不会进行任何操作。否则，它将在当前字符串的末尾重复添加填充字符，直到字符串的长度达到目标长度。

let str = "Hello";
let paddedStr = str.padEnd(10, "-");

console.log(paddedStr);  // 输出 "Hello-----"
// 我们将字符串 "Hello" 使用 padEnd() 方法填充到长度为 10，并使用连字符 - 进行填充。由于原始字符串的长度为 5，所以在末尾添加了 5 个连字符，使最终字符串的长度达到了目标长度 10。

• 需要注意的是， padEnd() 方法不会改变原始字符串，而是返回一个新的填充后的字符串。如果目标长度小于或等于原始字符串的长度，则返回原始字符串本身。

• 在实际开发中，常见的应用场景包括：

padEnd() 方法常用于需要将字符串的长度填充到指定长度时。例如，在生成固定长度的字符串时，或者在对齐表格中的文本时，都可以使用 padEnd() 方法。

• 格式化输出：当我们需要将数字或日期格式化为固定长度的字符串时，可以使用 padEnd() 方法来填充字符串的末尾。

const number = 10;
const paddedNumber = number.toString().padEnd(4, '0'); // "1000"

• 对齐表格：当我们需要对齐表格中的文本时，可以使用 padEnd() 方法来填充字符串的末尾，使表格中的列对齐。
  

const table = [
  ['Apple', '1.5'],
  ['Banana', '2'],
  ['Orange', '3.2']
];

table.forEach(row => {
  const [name, price] = row;
  console.log(name.padEnd(10) + price.padStart(6));
});

• 处理货币或金钱格式：在处理货币或金钱格式时，经常需要将金额格式化为固定长度的字符串，包括小数点后的位数。padEnd() 方法可以方便地填充金额字符串的小数部分，使其达到指定的长度。

const amount = 25.5;
const formattedAmount = '$' + amount.toFixed(2).toString().padEnd(8, '0'); // "$25.5000"

• 生成固定格式的序列号或标识符：在生成固定格式的序列号或标识符时，有时需要将数字或字母填充到指定的长度，padEnd() 方法可以用来实现这一目的。

const id = 123;
const paddedId = 'ID' + id.toString().padStart(6, '0'); // "ID000123"

• 格式化输出日志或文本：在输出日志或文本时，有时需要将不规则长度的信息格式化为固定长度的字符串，以便于阅读和解析。

const log = {
  level: 'INFO',
  message: 'User logged in successfully',
  timestamp: '2024-01-30T12:00:00'
};

const formattedLog = `${log.level.padEnd(8)} ${log.timestamp} - ${log.message}`;