多次元配列の要素をJavaScriptで調べたい

Question

前提・実現したいこと

多次元配列の要素を比較するJavaScriptを書きたく、お知恵をお貸しください。

以下のようなオブジェクトが出されたとき、
たとえば「"name":"りんご"」に合致する行（配列？）だけを取得したいのです。

obcject1 = [
{ "number":"123", "date":"2020-10-10", "name":"りんご", "coupon":"couponA", },
{ "number":"132", "date":"2020-10-12", "name":"みかん", "coupon":"couponB", },
{ "number":"112", "date":"2020-10-14", "name":"なし", "coupon":"couponB", },
{ "number":"131", "date":"2020-10-15", "name":"オレンジ", "coupon":"couponB", },
{ "number":"130", "date":"2020-10-11", "name":"みかん", "coupon":"couponB", },
{ "number":"231", "date":"2020-10-11", "name":"りんご", "coupon":"couponA", },
{ "number":"232", "date":"2020-10-12", "name":"かき", "coupon":"couponB", },
{ "number":"233", "date":"2020-10-13", "name":"りんご", "coupon":"couponC", },
{ "number":"230", "date":"2020-10-10", "name":"オレンジ", "coupon":"couponD", },
{ "number":"212", "date":"2020-10-14", "name":"なし", "coupon":"couponE", },
{ "number":"321", "date":"2020-10-15", "name":"オレンジ", "coupon":"couponA", },
{ "number":"312", "date":"2020-10-12", "name":"りんご", "coupon":"couponB", },
{ "number":"320", "date":"2020-10-13", "name":"くり", "coupon":"couponC", },
{ "number":"310", "date":"2020-10-10", "name":"マスカット", "coupon":"couponD", },
{ "number":"322", "date":"2020-10-14", "name":"くり", "coupon":"couponE", },
]
```・obcject1はユーザーの行動に応じて
　テーブルから問い合わせた結果をJavaScript上で変数に格納しています。
・そのためこれらの行はChrome Console上から確認した中身を元にしており、
　エディタ上の記述ではありません。

 ---

このような時はまず何をどう書くのがよいのでしょうか…。
JSONを使う,foreachを使うなど手法を調べれば調べるほど、どうも妙な迷い込みに入ってしまいました。
初心者の質問で恐縮なのですが、まずは落ち着いたどなたかに、こういった場合の考え方の手順をご教授いただければ大変嬉しいです。

Answer 1

比較的簡単に思いつくものであれば、for文で回して検索する、でしょうか？

var obcject = [];
for(var obj of obcject1){
    console.log(obj);
    if(obj.name === "りんご"){
        obcject.push(obj);
    }
}

一行で書きたい場合はArray.filterを使えば記述できます。

var obcject = obcject1.filter(e => e.name === "りんご");

※質問文が全てob"c"ject1だったので、obcjectで記述しています。単純にタイプミスなら回答も読み替えてください。

Comments

[spangl]

検索！！！！自分の実現したいことは「比較」ではなく「検索」だったと、
恥ずかしながらそんなところから目から鱗でした…
obcjectもご指摘いただいて初めて気付きました。仰る通りタイプミスです。お気遣い感謝いたします。

Array.filterが最もシンプルに実現できそうで、こちらを試してみたところ上手くいきました！
あれだけ右往左往していたのが嘘のようです。
この度は本当にありがとうございました。迅速なご回答も含め、心から感謝しております。

Answer 2

このような時はまず何をどう書くのがよいのでしょうか…。

まず処理の目的とその手段を考え、箇条書きにしては？

1. どういう結果がほしいのかを考える（抽出結果となる新しい配列）。
2. そのためにどのような処理が望ましいか考える。

2.1. 反復処理（for文）を行う。
2.2. 配列要素（オブジェクト）の name プロパティを比較して抽出対象を絞る。

// obcjectl は obj(object) のように短い語にして typo を避けても良いと思います。
let rslt = []; // 1.
for( let i=0; i<obj.length; ++i ) { // 2.1.
  let item = obj[i];
  if( item.name === "りんご" ) { // 2.2.
    rslt.push( item );
  }
}
console.log( rslt );

初学のうちは、反復処理などの基本事項であっても整理しきれていないはずです。
覚えるまでは再確認を繰り返し、愚直にコードを書いて試すとよいかもしれません。

ちなみに、Array.prototype.filter() で同様の処理ができます。

Comments

[spangl]

「今自分が任されたこのデータはなんだ？」「配列ではないっぽい」「型を調べてみよう」「どうやら多次元配列と呼ばれているらしい」
そんなレベルの初心者に、この度は丁寧なご教授を本当にありがとうございます！
自分の中で箇条書きも固まらない中で質問させていただいたものですから、
今こうしてシンプルに文章化していただき、改めて目の前の霧が晴れたようです。

参考に教えていただいた中で、今回はfilter()で期待した通りの処理を実装することができました。
とはいえfor文も教本レベルの活用しかしたことがなかったので、
のちほど同じ処理をforで書き直し、頭の中を整理しようと思います。
（変数名の付け方も、お恥ずかしい限りです…！短すぎると分かりにくいからと避けていたのですが、よい勉強になりました…。）

迅速なご回答も含め、この度は大変ありがとうございました！