連想配列の配列からキーごとの配列を抜き出す

こういうAPIの返りを

APIの返り値

const apiReturn = [
  {
     id: "3fa85f64-5717-4562-b3fc-2c963f66afa1",
     name: 'taro',
   },
   {
     id: "3fa85f64-5717-4562-b3fc-2c963f66afa2",
     name: 'jiro',
   },
   {
     id: "3fa85f64-5717-4562-b3fc-2c963f66afa3",
     name: 'saburo',
   }
];

こんな風にキーごとに配列にしたかったので

キーごとの配列

[ '3fa85f64-5717-4562-b3fc-2c963f66afa1',
  '3fa85f64-5717-4562-b3fc-2c963f66afa2',
  '3fa85f64-5717-4562-b3fc-2c963f66afa3' ]

[ 'taro', 'jiro', 'saburo' ]

こうした

snippet.js

const apiReturn = [
  {
     id: "3fa85f64-5717-4562-b3fc-2c963f66afa1",
     name: 'taro',
   },
   {
     id: "3fa85f64-5717-4562-b3fc-2c963f66afa2",
     name: 'jiro',
   },
   {
     id: "3fa85f64-5717-4562-b3fc-2c963f66afa3",
     name: 'saburo',
   }
];

const ids = apiReturn.map(x => x.id);
const names = apiReturn.map(x => x.name);

console.log(ids)
console.log(names)

Array.prototype.map() は配列を返すんだな

なんでこんなことがしたかったかというと.... つづく。