【JavaScript】object配列の任意のkeyの値で配列を作る & 文字列に変換する

たまご

JavaScriptオブジェクト配列任意のkeyで抽出して文字列にしたいな…って悩んでたけどよく考えたら初歩的なことでできたからメモしとく

例えば

こんなフルーツの情報が詰まったオブジェクト配列があったとする

const fruits = [
  {
    id: 1,
    name: 'Apple',
    price: 100,
   },
   {
     id: 2,
     name: 'Orange',
     price: 200,
    },
    {
       id: 3,
       name: 'Strawberry',
       price: 150,
    },
]

これの、名前値段など指定したkeyの値だけ抽出したい、
あわよくば文字列にしてしまいたい

まず、指定したkeyの値を抜き出して配列にする

const fruits = [
  {
    id: 1,
    name: 'Apple',
    price: 100,
   },
   {
     id: 2,
     name: 'Orange',
     price: 200,
    },
    {
       id: 3,
       name: 'Strawberry',
       price: 150,
    },
]

const fruitNames = fruits.map(function (item) {
  return item['name'];
})

console.log(fruitNames)
[実行結果]
 ["Apple", "Orange", "Strawberry"]

そして文字列にしたい場合はjoinしてあげる

const fruits = [
  {
    id: 1,
    name: 'Apple',
    price: 100,
   },
   {
     id: 2,
     name: 'Orange',
     price: 200,
    },
    {
       id: 3,
       name: 'Strawberry',
       price: 150,
    },
]

const fruitNames = fruits.map(function (item) {
  return item['name'];
})

const fruitNamesString = fruitNames.join(',')

console.log(fruitNamesString)
[実行結果]
Apple,Orange,Strawberry

できた