objectから特定要素を削除したいときの簡潔な記述方法は？

Question

###前提・実現したいこと
オブジェクトから特定要素、例えばあるプロパティの値が指定した値と一致する場合、その要素をオブジェクトから完全に削除するもっともスマートな記述方法。

###該当のソースコード
//オブジェクト
var object = [{a: 1}, {a: 2}, {a: 3}];

//ある条件、例えばa === 2 と合致する2番目の要素を完全に削除したい。結果としては以下のように、null値やundefinedは含まないように
object = [{a: 1}, {a: 3}];

###試したこと
Array.prototype.forEach.call(object, (e, i, s) => {
if(e.a === 2) {
//ここで色々試してみた...
}
});

delete e[i]; ⇒ null、undefinedになってしまう。

s.splice(i, 1); ⇒ エラーも出ないが、オブジェクト自体も変化せず。

これはうまくいく...
var object = (function() {
var _object = [];
Array.prototype.forEach.call(object, (e, i, s) => {
if(e.name !== 2) {
_object.push(e);
}
})
return _object;
})();

でも何かすっきりしない。新しい要素を作成せずに単純に切り離すようなことはできないのでしょうか。どんなコードでも参考にしてみたいので、お返事をくださいー！

Answer 1

array.filter はどうでしょう。

var object = [{a: 1}, {a: 2}, {a: 3}]; 
var filteredArray = object.filter( function( element, index, array ){ return ( element.a && element.a === 2 );} );
console.log( filteredArray );

【Array.prototype.filter() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Comments

[DaisukeSakai]

返信ありがとうございます。なるほど、Array.prototype.filterですか。だいぶすっきり書けますね。参考になります。結構、こういう処理って使う場面が多いと思うのですが、みなさんどうやっているのですか。どんどん聞きたいです。

Answer 2

spliceは？

var a = [1,2,3,4,5];
a.splice(2,1); // index=2から1要素削除
console.log(a); // [1,2,4,5]

ループで回すとindexがずれたりして動きがおかしくなるので注意が必要。
たとえば配列中の「2」を削除する場合：

for(var i =0; i< a.length; ){
  if(a[i] === 2){ a.splice(i,1); continue; }
  i++;
}

とか

for(var i =0; i< a.length; i++){
  if(a[i] === 2){ a.splice(i--,1); continue; }
}

Comments

[DaisukeSakai]

返信ありがとうございます。
すいません。質問の記述が間違っていました。spliceも試してみたのですが、質問のようなオブジェクトを含む配列の場合、spliceでは削除できなかったのです。私の記述ミスかもしれませんが...特にエラーもなく、けどオブジェクト自体は変化もせずといった...それでこの質問に至った次第なのです。試したコードを質問に追記しておきます。