質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.36%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

19013閲覧

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

DaisukeSakai

総合スコア50

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

1グッド

1クリップ

投稿2016/04/08 05:20

編集2016/04/08 06:18

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

###該当のソースコード
//オブジェクト
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;
})();

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

sug1t0m0👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

array.filter はどうでしょう。

JavaScript

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

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

投稿2016/04/08 05:43

kei344

総合スコア69591

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

DaisukeSakai

2016/04/08 06:14

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

0

spliceは?

javascript

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

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

javascript

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

とか

javascript

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

投稿2016/04/08 05:25

編集2016/04/08 05:44
tkturbo

総合スコア5572

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

DaisukeSakai

2016/04/08 06:17 編集

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問