javascript配列からアイテムを削除するとエラーが発生する

Question

オブジェクト内のアイテムをループし、値がtrueのdeleteプロパティでアイテムを削除しようとして、そのオブジェクトをデータとして投稿しようとしています。

スプライスを使用してアイテムを削除すると、Uncaught TypeErrorが発生します。未定義のエラーの 'delete'プロパティを読み取れません。何故ですか？

https://jsfiddle.net/ah9td94q/3/

var data = { 
    "stuff":[ 
     {"x":0}, 
     {"y":1, "delete": true}, 
     {"z":2, "delete": true} 
    ] 
} 

Object.keys(data.stuff).forEach(function (key) { 
    if (data.stuff[key].delete == true) { 
    data.stuff.splice(key, 1); 
    } 
}); 

var postData = JSON.stringify({something:'something', data: data}); 
console.log(postData); 

Answer 1

var data = { 
    "stuff":[ 
     {"x":0}, 
     {"y":1, "delete": true}, 
     {"z":2, "delete": true} 
    ] 
} 

Object.keys(data.stuff).reverse().forEach(function (key) { 
    if (data.stuff[key].delete == true) { 
    data.stuff.splice(key, 1); 
    } 
}); 

var postData = JSON.stringify({something:'something', data: data}); 
console.log(postData); 

https://jsfiddle.net/ah9td94q/4/

削除要素の後の要素がスロットに「の移動」しますので、あなたは、転送カウント配列から削除することはできません、あなただけから削除されます。したがって、最初から最後まで削除するのではなく、最初から最後まで削除し、このインデックスの問題を回避します。