[javascript] JSONとかのkey-valueオブジェクトの配列から特定のkeyの値だけ取り出して配列にまとめたい(スプレッド演算子とmap())

javascriptでオブジェクトの配列から特定のkeyだけ取り出して配列にまとめたい時

例えば、サーバーからユーザー情報をAPIでJSONで取り出してきました。以下のようなJSONがあったとします。このJSONから、useridだけ取り出したい。よくある処理だけど、毎回ループ書くのは面倒。 data:[
{
“userid”:1,
“name”:”xxx”
},
{
“userid”:2,
“name”:”yyy”
},
{
“userid”:3,
“name”:”zzz”
}
] そんなときはスプレッド演算子とmap()を組み合わせると神になれます。
...(ピリオド3つ) と書きます。
配列ライクなオブジェクト(正確には for of で展開できるオブジェクト)を個々の値に展開することができます。

https://qiita.com/Nossa/items/e6f503cbb95c8e6967f8
もちろん、古のエンジニアなら普通にforで書くこともできますが、若くてモダンなjavascriptのスプレッド演算子を使うと。。。 const ids = […data].map(value => value.userid) 結果:[1,2,3] なんということでしょう!もうfor(const i in data)…とか書く必要は無かったのです!

コメントする