如何修改数组对象的amount字段：添加£符号并保留两位小数？

下面是几种可行的实现方式，根据你的需求选择：

方法1：创建新数组（不修改原数据，推荐） #

使用map()遍历数组，返回包含格式化后amount的新对象，原数组保持不变：

const data = [
  { title: 'Todo', amount: 9.99 },
  { title: 'In-Progress', amount: 4 },
  { title: 'Completed', amount: 10 },
  { title: 'Short', amount: 15.48 },
];

const formattedData = data.map(item => ({
  ...item, // 复制原对象的其他属性
  amount: `£${item.amount.toFixed(2)}` // 格式化amount
}));

console.log(formattedData);

• toFixed(2)会将数字转为保留两位小数的字符串，自动补零（比如4会变成"4.00"）
• 展开运算符...item确保保留原对象的所有其他字段

方法2：直接修改原数组 #

如果不需要保留原数据，可以用forEach()直接修改每个对象的amount属性：

data.forEach(item => {
  item.amount = `£${item.amount.toFixed(2)}`;
});

console.log(data);

方法3：使用专业的货币格式化API（推荐用于真实项目） #

利用浏览器内置的Intl.NumberFormat API，它是专门处理本地化货币、数字格式的标准方法，自动适配英镑的显示规则：

// 配置英国地区的货币格式化规则
const gbpFormatter = new Intl.NumberFormat('en-GB', {
  style: 'currency',
  currency: 'GBP'
});

const formattedData = data.map(item => ({
  ...item,
  amount: gbpFormatter.format(item.amount)
}));

console.log(formattedData);

这种方法的优势：

• 自动处理货币符号（£）和小数位数（英镑默认两位小数）
• 支持千位分隔符（如果数值大于1000，会自动显示为£1,234.56）
• 符合本地化规范，扩展性强（如需切换其他货币，只需修改currency参数）

注意事项 #

如果你的amount字段可能是字符串类型，需要先转换为数字再格式化：

amount: `£${parseFloat(item.amount).toFixed(2)}`

内容的提问来源于stack exchange，提问作者Dan