連想配列に対するfilterのかけ方。

Question

下記のような連想配列に対して、id:1のオブジェクト毎抜き出して、
resultという変数に入れたいと思いコードを作成致しました。

const test = [
  {id:1,name:"John"},
  {id:2,name:"Bob"},
  {id:3,name:"Bobby"},
]

const test = [
  {id:1,name:"John"},
  {id:2,name:"Bob"},
  {id:3,name:"Bobby"},
]
const result = test.filter((item)=>{return item.id=1})
console.log(result)

上記のコードを実行したところ、resultにはtestの値がそのまま入った状態で出力されました。

{id:1,name:"John"}

という形で出力するにはどうすればよろしいでしょうか？
ご教示いただけますと幸いです。

Answer 1

=が一個足りません。
代入では、1をidプロパティに代入してしまい、
論理値的には、常に真となるため、常に全要素の配列を返してしまいます。

なので、下記のように、比較演算を行ってください。

const result = test.filter((item)=>{return item.id == 1});

また、配列ではなく、対象オブジェクト一個を取得するなら、下記です。
（対象オブジェクトが一個しかないことがわかっている限り有効）

const result = test.filter( item => item.id == 1 )[0];

また、上記条件（対象オブジェクトが一個しかないとわかっている）ならば、filterよりも、
findメソッドの方が、一発で取得できるので、そちらの方がいいかと。

const result = test.find( item => item.id == 1 );

Comments

[maisumakun]

> 対象オブジェクト一個を取得するなら、下記です。

IEを無視できるならfindの方が便利ですね。

[miyabi_pudding]

確かに、そっちなら一発ですね　汗
回答に入れさせていただきます。

[takochan1192]

ご回答いただきまして、ありがとうございました。
findを使用するという方法もあるのですね。勉強になりました。
ただ今、携わっている案件がＩＥも対応が必要になりますので、filterの方法でいきたいと思います。
ありがとうございました。