Javascriptプロキシ：配列のターゲットを変更して配列（長さ、内容）を更新する

Question

データの整合性を維持するために配列をプロキシしていくつかの条件に基づいて配列を変更していますが、

私が経験している問題は、プロキシ配列が***未定義の状態で汚染されていることです。

ターゲットオブジェクトを変更した場合、それをどのようにして更新しますか？

ペンの例を以下に示します：http://codepen.io/anon/pen/ZOPLZg（実際にはコンソールを見るとヌル値は未定義です）。

クロームバージョン51.0.2704.103（64ビット）での作業

var test = new Proxy([], { 
    set: function(target, name, value, receiver) { 
    if(name != 'length'){ 

     console.log(name, target) 

     // I want to overwrite values 
     var i = target.indexOf(value) 
     if(i > -1){ 
     // doesn't work 
     target.splice(parseInt(name, 10), 1); 

     // doesn't work 
     delete target[name]; 

     target[i] = value; 
     }else{ 
     target[name] = value; 
     } 
    }else{ 
     target[name] = value; 
    } 
    console.log(target); 
    return true; 
    } 
}); 

function log(){ 
    $('.log').append('<br/>' + JSON.stringify(test) + test.length); 
} 

log(); 
test.push('what', 'hi', 'yo'); 
log(); 
test.push('what', 'yo'); 
log(); 
test.splice(0, test.length) 
log(); 

提出バグここ https://bugs.chromium.org/p/chromium/issues/detail?id=638414#

Answer 1

if (name != 'length') 
{ 
    // ... 
} else { 
    // Your trouble is the next line. Comment it to test 
    // But i don't understand why. 
    target[name] = value; 
} 

Answer 2

あなたの問題はArray.prototype.pushがlengthプロパティを設定しているという事実から来ています（see step 9）を使用し、set関数はlengthプロパティへの代入を通常の代入として処理します。

var test = new Proxy([], { 
    set: function(target, name, value, receiver) { 
    if(name != 'length'){ 

     // I want to overwrite values 
     if((i = target.indexOf(value)) > -1){ 
     target[i] = value; 
     }else{ 
     target[name] = value; 
     } 
    }else{ 
     if (value <= Math.max(-1, ... Object.keys(target)) + 1) 
     target.length = value; 
     numSkipped = 0; 
    } 

    return true; 
    } 
});