直接修改原数组的关键是使用原地方法和索引赋值，如for循环遍历并修改arr[i]；避免map、filter等返回新数组的方法，否则造成内存浪费和逻辑错误。
直接修改原数组、避免创建新数组的关键是使用 不返回新数组的原地方法，并配合 索引访问 + 赋值 或 可变的遍历方式（如 for 循环、while），避开 map、filter、slice 等返回新数组的方法。
用传统 for 循环按索引修改
这是最直接、零额外数组开销的方式。通过 i 访问并赋值，完全作用于原数组内存地址：
- 适用于所有修改场景：更新值、类型转换、条件替换等
- 注意：不要在循环中改变数组长度（如 push/splice），否则易漏项或重复处理
const arr = [1, 2, 3]; for (let i = 0; i <h3>用 while 循环 + 手动索引控制</h3> <p>适合需要动态调整遍历逻辑的场景（如边遍历边删除），比 for 更灵活，仍保持原地操作：</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill7957" title="js2java"><img src="https://img.php.cn/upload/skill/000/000/081/179178140274370.jpg" alt="js2java" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill7957" title="js2java" class="overflowclass">js2java</a> <p class="overflowclass">JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...</p> </div> <a rel="nofollow" href="/xiazai/skill7957" title="js2java" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div>
- 用
let i = 0初始化，i 判断，<code>i++或i--控制步进 - 若需删除元素，用
splice(i, 1)后i--补位，避免跳过下一项
const arr = [1, -2, 3, -4, 5]; let i = 0; while (i <h3>用 forEach 配合索引赋值（谨慎使用）</h3> <p><code>forEach</code> 本身不修改数组，但它的回调函数接收 <code>(item, index, array)</code>，你可以显式写 <code>array[index] = ...</code> 来改原数组：</p>
- 语义上不如 for 清晰，容易误以为“只读遍历”
- 性能略低于 for（多一层函数调用），但内存开销仍为零
- 不可中断（无 break），也不支持 continue 跳过
const arr = [1, 2, 3, 4];
arr.forEach((_, i) => {
if (i % 2 === 0) arr[i] *= 2;
});
// arr === [2, 2, 6, 4]
避免陷阱：哪些方法一定产生新数组
以下方法无论是否接收回调，**总是返回新数组**，原数组不变 —— 若误用，不仅浪费内存，还可能引发 bug：
-
map()、filter()、flatMap()、slice()、concat()、toReversed()、toSorted()（ES2024） - 即使你把结果赋给原变量（
arr = arr.map(...)），也发生了重新赋值 + 旧数组失去引用，属于“替换”而非“修改” -
Array.from(arr, fn)同样新建数组，不推荐用于原地更新
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
