jsonから値を指定し、その値を持つ部分だけを取得したい

Question

###実現したいこと
jQueryで、対象のjsonから、
「user_id = '777'を持っている"user"の部分」
を取得するにはどのようにすればよろしいでしょうか？

// 対象
var json = '{
  "comment":[
    {
      "comment_id":2,
      "comment_type":"A",
      "user":{"user_id":"777","user_type":"guest"},　// ここだけ取得したい
      "vote":0
    },
    {
      "comment_id":1,
      "comment_type":"A"
    }
  ]
}';

つまり、上記jsonから下記resultを取得したいのです。

// 取得
var user_id = '777';
var result = '知りたい処理';

// 出力
console.log( result ); // '{"user_id":"777","user_type":"guest"}' という風に取得したい

ちなみにjsonには同じuser_idが複数ありえますが、取得する"user"は最初の１つだけで構いません。

###試したこと
$.grepを使って下記を書いてみましたが、空の配列が取得されるだけでした…

// 対象
var json = '{"comment":[{"comment_id":2,"comment_type":"A","user":{"user_id":"777","user_type":"guest"},"vote":0},{"comment_id":1,"comment_type":"A"}]}';
var object = JSON.parse( json );

// 取得
var user_id = '777';
var result = $.grep(object,
  function(obj, idx){
    return (obj.user_id == user_id);
  }
);
 
// 出力
console.log( result );

Answer 1

const a =  object.comment.find(e=>e.user&&e.user.user_id&&e.user.user_id==="777")
const result = a === undefined ? a : a.user

Comments

[narutona]

な…すごくないですか？まずfindは普通のfindで、でも中身がまるごと関数になっているということですよね？
その中についてなのですが、「=>」と「&&」は何を意味しているのか、もしよろしければ教えていただけませんでしょうか？
「=>」はアロー関数かなとは思ったのですが、「&&」はif以外にも使えるのでしょうか？

[papinianus]

=>はアロー関数です
&&はよくifで使うそれです。if以外でも使えます。&&は左がtrueっぽかったら右を返し、左がFalseっぽかったら左を返します

[papinianus]

array.prototype.findって関数しか取りませんよね？

[narutona]

&&にそのような使い方があったとは、ご慧眼に脱帽です。ご説明ありがとうございました。

ところで、すみませんが下記はどのような意味でしょうか？

>array.prototype.findって関数しか取りませんよね？

Answer 2

こんにちは

ご質問にある JSON の要件を、以下のように解釈しての回答になります。

• 与えられる JSON の形式は、 { "comment": <配列> } というもので、 <配列> の要素は、以下のようなオブジェクトである。

{
  "comment_id":2,
  "comment_type":"A",
  "user":{
    "user_id":777,
    "user_type":"guest"
  },
  "vote":0
}

• ただし、上記のオブジェクトに "user" と "vote" が無い場合がある。

上記のような JSON をパースして得られる object の comment から、 user_id が 777 である要素のうち、先頭に近いものを得るには、find を使って以下のように書けます。

const matchedComment = object.comment.find(c => c.user && c.user.user_id === 777);

上記で、user_idが 777 のコメントが見つかった場合は、matchedComment にそのコメント要素が入ります。見つからなかった場合は undefined になります。

以下は、動作確認用に作ったこのJSONの中から上記のコードを使って、結果を表示するコード例です。

• 動作確認用のサンプル： https://jsfiddle.net/jun68ykt/sh3btw60/18/

上記のJSONデータの中には user_id が 777 の要素が２つありますが、先頭に近い comment_id が 905 のほうが該当した要素として取得できていることを確認できると思います。

以上、参考になれば幸いです。

補足

上記の回答では、 JSONに出現するuser_id が数値と解釈してしまっておりましたが、 user_id が "777" のような文字列なのでしたら、以下のように、 find に与える関数の条件に出てくる 777 も以下のように文字列 "777" にしてください。

const matchedComment = object.comment.find(c => c.user && c.user.user_id === "777");

Comments

[narutona]

jun68yktさま、いつも極めて良質なご回答に感謝致します。みなさん同じご意見のようで、安心感が増しました。どうもありがとうございます。出力の方法なども勉強になりました。

[jun68ykt]

どういたしまして。解決されたようでよかったです ????

[narutona]

はい????またお目に留まる機会がございましたらどうぞ宜しくお願いいたします。