本文详解如何正确使用 javascript 的 `.map()` 方法生成一个全新数组，避免误用 `fill()` 导致的嵌套/重复问题，并提供可运行示例与关键注意事项。
.map() 是 JavaScript 数组的高阶方法，用于对原数组每个元素执行指定函数，并返回一个结构相同、长度相等的新数组——它不会修改原数组，而是纯粹“映射”出新数据。这是函数式编程中不可变（immutable）思想的典型体现。
✅ 正确用法：直接使用 .map() 返回新数组
let arr = []; for (let i = 0; i item * 10); // 输出：0,10（自动调用 toString()）
对应 HTML：
❌ 常见错误：误将 .map() 结果传给 .fill()
原代码问题在于：
arr.fill(arr.map(item => item * 10)); // ❌ 错误组合
.fill(value) 的作用是用同一个 value 覆盖数组所有位置。此处 arr.map(…) 返回的是一个新数组 [0, 10]，而 .fill([0, 10]) 会把 arr[0] 和 arr[1] 都设为这个数组引用，结果变成：
