0

forEachで回す配列のobject

[
    {
      value: 'ja', label: '日本語', locale: 'ja-JP'
    },
    {
      value: 'en', label: 'English', locale: 'en-US'
    },
    {
      value: 'cn', label: '简体中文', locale: 'zh-CN'
    },
  ];

引数で指定したlangの配列オブジェクトの値に{cv.label}ではアクセスできません。

  const emptyArr = [];
const arr = lang.forEach((cv) => (
  emptyArr.push({label: {cv.label}, value: {cv.value} })
));

欲しい結果

const arr = [
    { label: '日本語', value: 'ja' },
    { label: 'English', value: 'en' },
    { label: '简体中文', value: 'cn' },
  ];

1 件の回答 1

1

オブジェクト初期化子でオブジェクトを生成する場合には、オブジェクトのプロパティ名と、それに関連する値の組み合わせのリストとする必要があり、 {cv.label}{cv.value} はエラーを発生させます。これは期待される出力結果を考慮すると、以下のように修正出来ます。

const lang = [{
    value: 'ja',
    label: '日本語',
    locale: 'ja-JP'
  },
  {
    value: 'en',
    label: 'English',
    locale: 'en-US'
  },
  {
    value: 'cn',
    label: '简体中文',
    locale: 'zh-CN'
  },
];


const emptyArr = [];
const arr = lang.forEach((cv) => (
  emptyArr.push({
    label: cv.label,
    value: cv.value
  })
));
console.log(emptyArr);

また、今回の場合は forEach メソッドと push メソッドの代わりに map メソッドと分割代入を使い、以下のようにすることが出来ます。

const lang = [{
    value: 'ja',
    label: '日本語',
    locale: 'ja-JP'
  },
  {
    value: 'en',
    label: 'English',
    locale: 'en-US'
  },
  {
    value: 'cn',
    label: '简体中文',
    locale: 'zh-CN'
  },
];

const arr = lang.map(({label, value}) => ({label, value}));

console.log(arr);

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。