如何快速清空JSON对象数组？尝试this.nodes = []时出现错误

首先明确：清空已有数组的最快方式（无需创建新数组实例）是直接设置它的length属性为0，或者调用splice(0)，这两种操作都是在原数组上做修改，性能比直接赋值[]更优，还能保留原数组的引用。

你提到用this.nodes = []出现错误，大概率是因为这个数组是响应式数据（比如在Vue、React这类框架中），直接赋值新数组会破坏原有响应性绑定，或是这个数组的引用被其他组件/变量持有，替换成新数组后导致数据关联失效。

针对不同场景，给你几个可行方案：

方案1：修改原数组的length属性（最简洁高效） #

this.nodes.length = 0;

这个操作会直接清空原数组所有元素，且保持数组引用不变，完美适配响应式场景——框架能检测到原数组的变化，自动同步视图或数据关联。

方案2：使用splice方法清空数组 #

this.nodes.splice(0);

splice(0)会从索引0开始删除所有元素，效果和设置length=0一致，同样是修改原数组，不会破坏响应性。

为什么this.nodes = []会出错？ #

如果this.nodes是框架管理的响应式数据（比如Vue2的data属性），直接赋值新数组可能无法触发视图更新；如果这个数组被其他变量引用，新数组的引用和原引用不一致，会导致那些引用仍指向旧数组，出现数据不同步的问题。而修改原数组的方式能保持引用不变，避免这类问题。

要是你用的是普通非响应式数组，this.nodes = []理论上是可行的，若仍出错可能是数组被冻结（比如用Object.freeze()处理过），可以先检查：

console.log(Object.isFrozen(this.nodes));

如果返回true，说明数组不可修改，这时候this.nodes = []是唯一可行的方式，若还出错可能是this指向错误等上下文问题。

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