JavaScript / TypeScript / jQuery

【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

できた

\ 案件のご依頼・ご相談はこちらから /