TypeScript中实现字符串格式化及数值对齐

// 定义变量
const name: string = "Alice";
const age: number = 30;
const score: number = 95.5;
// 基础格式化：嵌入变量
const info: string = `${name} is ${age} years old, score: ${score}`;
console.log(info); // 输出：Alice is 30 years old, score: 95.5

const a: number = 10;
const b: number = 20;
console.log(`Sum: ${a + b}`); // 输出：Sum: 30
console.log(`Double of ${a}: ${a * 2}`); // 输出：Double of 10: 20

const price: number = 99.9;
const discount: number = 0.8;
// 计算折后价并保留 2 位小数
const finalPrice: string = `折后价：${(price * discount).toFixed(2)}元`; 
// 输出："折后价：79.92元"

const pi: number = 3.1415926;
// 保留2位小数（类似Python "{:.2f}".format(pi)）
console.log(pi.toFixed(2)); // 输出：3.14（返回字符串类型）
// 保留0位小数（取整）
console.log(pi.toFixed(0)); // 输出：3

const largeNum: number = 1234567.89;
// 千位分隔，保留2位小数（类似Python "{:,.2f}".format(largeNum)）
const formatted: string = new Intl.NumberFormat('en-US', {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
}).format(largeNum);
console.log(formatted); // 输出：1,234,567.89

const num: number = 123;
const width: number = 10; // 总宽度10个字符
// 右对齐：数字转字符串后，左侧补空格（类似Python "{:>10d}".format(123)）
const rightAligned: string = num.toString().padStart(width, ' ');
console.log(`|${rightAligned}|`); // 输出：|       123|（左侧7个空格+123，共10位）

// 需求：将数值转为 5 位右对齐（不足补零）
const score1: number = 85;
const score2: number = 9;
const score3: number = 95;

// 方法：转字符串后用 padStart(总长度, "0")
const alignRight1: string = score1.toString().padStart(5, "0"); // "00085"
const alignRight2: string = score2.toString().padStart(5, "0"); // "00009"
const alignRight3: string = score3.toString().padStart(5, "0"); // "00095"

console.log([alignRight1, alignRight2, alignRight3].join(" ")); 
// 输出："00085 00009 00095"

const num: number = 456;
const width: number = 10;
// 左对齐：数字转字符串后，右侧补空格（类似Python "{:<10d}".format(456)）
const leftAligned: string = num.toString().padEnd(width, ' ');
console.log(`|${leftAligned}|`); // 输出：|456       |（456+右侧7个空格，共10位）

// 需求：将数值转为 5 位左对齐（不足补空格）
const num1: number = 123;
const num2: number = 4567;
const num3: number = 89;

// 方法：转字符串后用 padEnd(总长度, 填充字符)
const alignLeft1: string = num1.toString().padEnd(5, " "); // "123  "（5位，右补空格）
const alignLeft2: string = num2.toString().padEnd(5, " "); // "4567 "
const alignLeft3: string = num3.toString().padEnd(5, " "); // "89   "

console.log([alignLeft1, alignLeft2, alignLeft3].join("|")); 
// 输出："123  |4567 |89   "


// 需求：根据数组中最大数值的长度，动态右对齐所有数值
const numbers: number[] = [12, 345, 6, 7890];
const maxLen: number = Math.max(...numbers.map(n => n.toString().length)); // 最大长度 4

// 生成对齐后的字符串数组
const aligned: string[] = numbers.map(n => 
  n.toString().padStart(maxLen, " ") // 右对齐，补空格
);

console.log(aligned.join(" | ")); 
// 输出："  12 |  345 |    6 | 7890"

const decimalNum: number = 78.9;
const width: number = 10;
// 先保留1位小数，再右对齐
const formattedNum: string = decimalNum.toFixed(1); // "78.9"
const rightAlignedDecimal: string = formattedNum.padStart(width, ' ');
console.log(`|${rightAlignedDecimal}|`); // 输出：|      78.9|（左侧6个空格+78.9，共10位）

const population: number = 1234567;
// 通用千位分隔符（英文环境）
const withCommas: string = population.toLocaleString(); // "1,234,567"

// 自定义分隔符（如中文环境）
const withChineseCommas: string = population.toLocaleString("zh-CN"); // "1,234,567"（效果相同）

const rate: number = 0.755;
// 保留 1 位小数的百分比
const percentage: string = (rate * 100).toFixed(1) + "%"; // "75.5%"

const amount: number = 1234.56;
// 美元格式（英文环境）
const usd: string = amount.toLocaleString("en-US", {
  style: "currency",
  currency: "USD",
}); // "$1,234.56"

// 人民币格式（中文环境）
const cny: string = amount.toLocaleString("zh-CN", {
  style: "currency",
  currency: "CNY",
}); // "¥1,234.56"

const num: number = 99;
const width: number = 8;
// 用0填充左侧（右对齐，类似Python "{:0>8d}".format(99)）
const zeroPadded: string = num.toString().padStart(width, '0');
console.log(zeroPadded); // 输出：00000099（6个0+99，共8位）

/**
 * 格式化数值+单位（右对齐数值，固定单位宽度）
 * @param value 数值
 * @param unit 单位（如 "ms"）
 * @param totalWidth 总宽度（数值+单位的总长度）
 */
function formatWithUnit(value: number, unit: string, totalWidth: number): string {
  const valueStr: string = value.toString();
  const unitStr: string = unit.padStart(3); // 单位固定占3位（如 " ms"）
  const totalValueWidth: number = totalWidth - unitStr.length; // 数值部分可用宽度
  return valueStr.padStart(totalValueWidth, " ") + unitStr;
}

// 使用示例
console.log(formatWithUnit(100, "ms", 6)); // "  100ms"（总宽度6：3位数值+3位单位）
console.log(formatWithUnit(50, "ms", 6));  // "   50ms"
console.log(formatWithUnit(1234, "ms", 8)); // "  1234ms"（总宽度8：4位数值+3位单位+1空格？需调整逻辑）

// 数据
const data = [
  { name: "Apple", price: 5.99, stock: 120 },
  { name: "Banana", price: 2.5, stock: 300 },
  { name: "Orange", price: 3.75, stock: 80 }
];
// 定义各列宽度
const nameWidth = 10;
const priceWidth = 8;
const stockWidth = 6;
// 表头
console.log(
  "Name".padEnd(nameWidth, ' ') +
  "Price".padStart(priceWidth, ' ') +
  "Stock".padStart(stockWidth, ' ')
);
// 分隔线
console.log('-'.repeat(nameWidth + priceWidth + stockWidth));
// 内容行（名称左对齐，价格和库存右对齐）
data.forEach(item => {
  const name = item.name.padEnd(nameWidth, ' ');
  const price = item.price.toFixed(2).padStart(priceWidth, ' ');
  const stock = item.stock.toString().padStart(stockWidth, ' ');
  console.log(name + price + stock);
});

Name      Price  Stock
------------------------
Apple      5.99    120
Banana     2.50    300
Orange     3.75     80