如何在 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中文網其他相關文章！