本文介绍如何使用 JavaScript 的 map() 方法高效转换二维数组，重点讲解通过索引访问和解构赋值两种方式，将每个子数组的第二个数值元素乘以 100 并保留原结构。
本文介绍如何使用 javascript 的 `map()` 方法高效转换二维数组，重点讲解通过索引访问和解构赋值两种方式，将每个子数组的第二个数值元素乘以 100 并保留原结构。
在处理时间序列数据（如图表坐标点、金融指标等）时，常遇到形如 [[timestamp, value], ...] 的二维数组。当需要将小数形式的比率（如 0.7537）统一转为百分比显示（如 75.37），同时保持时间戳不变，Array.prototype.map() 是最简洁、函数式且不可变的安全选择。
核心思路是：对每一项子数组进行映射，提取第一个元素（时间戳/标识符）保持不变，将第二个元素（数值）乘以 100，再组合成新子数组。
以下是两种推荐实现方式：
✅ 方式一：基于索引访问（清晰直观，兼容性好）
```ts const data = [ [1262304000000, 0.7537], [1262563200000, 0.6951], [1262649600000, 0.6925] ];const percentData = data.map(subArr => [subArr[0], subArr[1] * 100]); console.log(percentData); // 输出: [[1262304000000, 75.37], [1262563200000, 69.51], [1262649600000, 69.25]]
<h4>✅ 方式二：使用数组解构（语义更强，代码更优雅）</h4> ```ts const data = [ [1262304000000, 0.7537], [1262563200000, 0.6951], [1262649600000, 0.6925] ]; const percentData = data.map(([timestamp, value]) => [timestamp, value * 100]); console.log(percentData); // 输出同上
解构语法 ([timestamp, value]) 显式声明了子数组的结构意图，提升可读性与可维护性，尤其适用于字段含义明确的场景（如 [x, y] 坐标或 [time, ratio]）。
⚠️ 注意事项：
- 确保输入数组每一项均为长度 ≥ 2 的数组，否则解构可能产生 undefined，导致计算结果为 NaN；
- 若需控制小数位数（如统一保留两位小数），可在乘法后链式调用 .toFixed(2)，但注意其返回字符串类型——如需数值型结果，请包裹 parseFloat() 或使用 Math.round(value * 10000) / 100；
- map() 不修改原数组，符合函数式编程原则，适合 React 等状态不可变场景。
? 总结：无论是索引访问还是解构赋值，本质都是对嵌套结构的精准投影。选择哪种方式取决于团队规范与可读性偏好；对于生产环境，建议搭配 TypeScript 类型注解（如 Array）进一步保障类型安全。
