JSONオブジェクトから指定キーで値を抽出したい

Question

###実現したいこと
JSONオブジェクトから指定キーで値を抽出したいのですが、方法を教えていただけませんでしょうか。

下記「obj」から、「class_id」の値を抽出して、 ['282','206']という配列「ids」を作りたいのです。

###該当のソースコード

var obj = '[{"name":"a","class_id":"282","age":"10"},{"name":"b","class_id":"206","age":"20"}]';

console.log( ids ); // ['282','206']を取得したい 

###試したこと
色々調べて次の３つでできなかったのですが、どのように書くべきだったでしょうか？

１つめ

var ids = [];
var ids = $.grep(obj, function (e) { 
  ids.push( e['class_id'] );
});
console.log( ids );

２つめ

var ids = [];
for(key in obj){
  ids.push( obj['class_id'] );
}
console.log( ids );

３つめ

var ids = [];
for (var i=0; i<obj.length; i++){
  const id = obj[i].class_id;
  ids.push( id );
}
console.log( ids );

Answer 1

以下で、いけるかと思います。

var ids = JSON.parse(obj).map(e => e.class_id);

Comments

[kamekamekame]

迅速なご回答に感謝致します。ありがとうございました。

[jun68ykt]

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

[kamekamekame]

すみません、mapというのはパースをかけなくてもよいのでしょうか？（実際できているのですが、よくわかっておらず疑問でした）

[kamekamekame]

失礼いたしました。パースかけていましたね。

[jun68ykt]

ご質問のタイトルに、「JSONオブジェクト」という言葉があることから、オブジェクトと、オブジェクトをJSON形式の文字列にしたものとの区別が曖昧になっていらっしゃるかもしれません。

JSON文字列からオブジェクト（なり配列なり）を得るのが

JSON.parse
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

で、逆に オブジェクト（なり配列なり）をJSON文字列にするのが

JSON.stringify
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

です。

これらを使って、JSON文字列と、オブジェクト（や配列）とを行ったり来たりするような簡単なコードを書いて、理解を確認されるとよいかもしれません。

Answer 2

とりあえずパースしてからでは？

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

Comments

[kamekamekame]

そうか、パースしないと配列として扱えないからですね。と、思いましたら、jun68yktさんに教えて頂いたところによれば、マップでいけるみたいでした。奥が深いです。

[kei344]

> と、思いましたら、jun68yktさんに教えて頂いたところによれば、マップでいけるみたいでした。
jun68yktさんのコードもparseしているので、よく見てください。

[kamekamekame]

すみません、ほんとでした。ご忠告ありがとうございます。