将二维数组中嵌套数值按比例转换为百分比形式

本文介绍如何使用 JavaScript 的 map() 方法高效转换二维数组，重点讲解如何访问并处理内层数组的指定元素（如将小数转为百分比），涵盖基础索引访问与现代解构赋值两种写法，并提供可直接运行的示例代码与关键注意事项。

本文介绍如何使用 javascript 的 `map()` 方法高效转换二维数组，重点讲解如何访问并处理内层数组的指定元素（如将小数转为百分比），涵盖基础索引访问与现代解构赋值两种写法，并提供可直接运行的示例代码与关键注意事项。

在处理时间序列数据、图表坐标点（如 echarts、Chart.js）或后端返回的原始数值时，常遇到形如 [[timestamp, value], …] 的二维数组。若需将其中的数值部分（如 0.7537）统一转换为百分比显示（即 75.37），最简洁、函数式的方式是使用 Array.prototype.map()。

核心思路是：*每个子数组是一个长度为 2 的元组，可通过索引 v[1] 或解构 ([x, y]) 精准定位待转换的数值字段，并对其执行 ` 100` 运算，同时保留首项（如时间戳）不变。**

以下是两种推荐实现方式：

✅ 方式一：基于索引的简洁映射

const data = [   [1262304000000, 0.7537],   [1262563200000, 0.6951],   [1262649600000, 0.6925] ];  const percentData = data.map(v => [v[0], parseFloat((v[1] * 100).toFixed(2))]); console.log(percentData); // 输出: [[1262304000000, 75.37], [1262563200000, 69.51], [1262649600000, 69.25]]

✅ 方式二：使用解构赋值（更语义化、推荐）

const percentData = data.map(([timestamp, value]) => [   timestamp,   parseFloat((value * 100).toFixed(2)) ]);

? toFixed(2) 确保结果保留两位小数（如 0.6951 * 100 → “69.51”），再用 parseFloat() 转回数字类型，避免字符串残留；若需严格保留浮点精度（如金融场景），可省略 toFixed，直接使用 value * 100。

⚠️ 注意事项

• 类型安全（typescript）：建议为输入数组添加类型注解，例如 const data: [number, number][]，以获得完整的 ide 支持和编译时检查。
• 不可变性：map() 返回新数组，原数组 data 不会被修改，符合函数式编程最佳实践。
• 健壮性增强（可选）：若数据可能存在空值或格式异常，可加入防御性判断：

  data.map(([t, v]) => [t, v != null ? parseFloat((v * 100).toFixed(2)) : 0]);

掌握这两种写法，不仅能快速完成百分比转换，也为处理更复杂的嵌套结构（如三维数组、对象数组）打下坚实基础。