JavaScript でオブジェクトの配列内のキー名を変更するにはどうすればよいですか?

オブジェクトの配列内のキー名の変更

JavaScript では、オブジェクトの配列内のキー名を変更する必要が生じる場合があります。たとえば、key1 をストロークに変換します:

var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];

キーを変更するには、次の手順を実行します:

1. Rest 構文による構造化:
   古いキーと値のペアを抽出し、次のようにキーの名前を変更します。

   ({
     key1: stroke,
     ...rest
   }) 

2. スプレッド構文:
   スプレッド構文を使用して、残りのキーと値のペアを新しいオブジェクトに追加します:

   ({
     stroke,
     ...rest
   })

3. 配列マップ:
   map() を使用して、これらの変更を配列内の各オブジェクトに適用します。 :

   arrayOfObj.map(({
     key1: stroke,
     ...rest
   }) => ({
     stroke,
     ...rest
   }))

例:

const arrayOfObj = [{
  key1: 'value1',
  key2: 'value2'
}, {
  key1: 'value1',
  key2: 'value2'
}];
const newArrayOfObj = arrayOfObj.map(({
  key1: stroke,
  ...rest
}) => ({
  stroke,
  ...rest
}));

console.log(newArrayOfObj);

出力:

[{
  stroke: 'value1',
  key2: 'value2'
}, {
  stroke: 'value1',
  key2: 'value2'
}]

以上がJavaScript でオブジェクトの配列内のキー名を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。