通過將長度設置爲0截斷數組中的數組無效

Question

我正在使用myarray.length = 0方法通過自定義Array.prototype.clear()方法截斷數組。

到目前爲止，據我所知，但我現在有一個特殊情況，它將length設置爲0，但元素仍然存在。

我運行了一個基本的數組測試，它似乎工作，但在這個更復雜的情況下，它不是，所以很難診斷問題。

這裏是我的Array.prototype，我已經使用擴展代碼...

Object.defineProperty(Array.prototype, 'clear', { 
    value: function clear() { 
     // Clear the array using the length = 0 method. See the method's comments on links to more information and benchmarks on this technique. 
     this.length = 0; 
    }, 
    enumerable: false, 
    configurable: true, 
    writable: false 
}); 

當我把它在其他情況下，下面的工作出色。

var myarray = [ 1,2,3,4,5,6,6,7,8,9, new Date() ]; 
myarray.clear(); 
console.log(myarray); // all cleared. { length: 0 } 

但我更復雜的情況下陣列具有約10-20元，我所說的陣列上的.clear()，它設置長度0但如果我console.log像數組中的元素仍然可以看到我在上面做了。

// e.g. { 0: ..., 1: ..., 2: ..., 3: ..., 4: ..., length: 0 } 

唯一的區別是，Array對象我使用是擴展對象，具有一個覆蓋，這確實調用重寫的函數。像這樣......

function Collection() { Array.apply(this); } 
Collection.prototype = Object.create(Array.prototype, { 
    push: { 
     enumerable: false, 
     value: function(item) { 
      // ...does a type checks on 'item' 
      Array.prototype.push.apply(this, [ item ]); 
     } 
    }, 
    clear: { 
     enumerable: false, 
     value: function() { Array.prototype.clear.apply(this); } 
    } 
}); 

這是發生在Chrome，我已加強它通到Array.prototype.clear方法，就像我的測試一樣，但由於某種原因，它不會在第二種情況下工作。

任何想法？

Answer 1

如果使用新的ES2015 + class

Object.defineProperty(Array.prototype, 'clear', { 
 
     value: function clear() { 
 
      this.length = 0; 
 
     }, 
 
     enumerable: false, 
 
     configurable: true, 
 
     writable: false 
 
    }); 
 

 
    class Collection extends Array { 
 
     constructor(...args) { 
 
      super(...args); 
 
     } 
 
     push(...args) { 
 
      console.log('overridden push', ...args); 
 
      // only push even values for example 
 
      super.push(...args.filter(x=>x%2 == 0)); 
 
     } 
 
    } 
 

 
    var x = new Collection(); 
 
    x.push(1,2,3,4); 
 
    console.log('after push', JSON.stringify(x)); 
 
    x.clear(); 
 
    console.log('after clear', JSON.stringify(x));

，或者您避免了增加清楚陣列

class Collection extends Array { 
 
     constructor(...args) { 
 
      super(...args); 
 
     } 
 
     push(...args) { 
 
      console.log('overridden push', ...args); 
 
      // only push even values for example 
 
      super.push(...args.filter(x=>x%2 == 0)); 
 
     } 
 
     clear() { 
 
      this.length = 0; 
 
     } 
 
    } 
 

 
    var x = new Collection(); 
 
    x.push(1,2,3,4); 
 
    console.log('after push', JSON.stringify(x)); 
 
    x.clear(); 
 
    console.log('after clear', JSON.stringify(x));