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

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

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

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

1. 残りの構文による構造化:
   古いキーと値のペアを抽出し、キーの名前を変更します示されているように:

   ({
     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'
}]