重命名物件陣列中的鍵名稱

在Javascript 中，您可能會遇到需要更改物件陣列中的鍵名稱的情況。例如，將key1轉換為筆畫：

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

若要變更金鑰，請執行下列步驟：

1. 使用Rest 語法解構：
   擷取舊的鍵值對並重新命名金鑰如圖：

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

2. 擴充語法：
   使用擴充語法將剩餘的鍵值對複製到新物件中：

   ({
     stroke,
     ...rest
   })

3. Array Map:
   使用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'
}]