js 数组清空 最快的方法
今天看设计模式书，学习到的。分享在此！
let arr = [1,2,3,4,5]; console.log(arr); arr.length=0; console.log(arr);
23 回复
最快和最慢都得看引擎实现，还有至于清空数组的方法，看场景吧：
var foo = [1,2,3]; var bar = [1,2,3]; var foo2 = foo; var bar2 = bar; foo = []; bar.length = 0; console.log(foo, bar, foo2, bar2);
// [] [] [1, 2, 3] []
当你试图给Array设置一个更小的length时，会循环令length - 1并删除该位置的属性直到数组长度减少到指定长度
const arr = [1, 2, 3, 4, 5];
arr.length = 1;
arr[2]; // undefined
arr; // [1]
然而 non-configurable 的属性依然是无法删除的，然后arr.length的减少会在这个位置停下
const arr = [1, 2, 3, 4, 5];
Object.defineProperty(arr, 2, {configurable:false});
arr.length = 1;
arr[2]; // 3
arr; // [1, 2, 3]
arr.length; // 3
(ES8标准 22.1.4.1 和 9.4.2.4 两节)
9.4.2.4.16
- Repeat, while newLen < oldLen,
- Set oldLen to oldLen - 1.
- Let deleteSucceeded be ! A.[[Delete]](! ToString(oldLen)).
- If deleteSucceeded is false, then
- Set newLenDesc.[[Value]] to oldLen + 1.
- If newWritable is false, set newLenDesc.[[Writable]] to false.
- Let succeeded be ! OrdinaryDefineOwnProperty(A, “length”, newLenDesc).
- Return false.
用js代码来模拟这个过程的话，就是
function arraySetLength(arr, newLen) {
// ...
let oldLen = arr.length;
while (newLen < oldLen) {
oldLen--;
const deleteSucceeded = Reflect.deleteProperty(arr, oldLen);
if (deleteSucceeded === false) {
arr.length = oldLen + 1; // 这里视为单纯的设置arr的length属性
// ...
return false;
}
}
// ...
arr.length = newLen; // 这里视为单纯的设置arr的length属性，实际上这一行是放在上面的循环前先执行的
return true;
}
另外，
(10元素的数组，删除9个。chrome 65。把pop改成循环方式几乎不影响结果，在本例中甚至连shift9次的操作都比setLength快一点，不过使用splice(0, 1)方式的速度要慢一些)
