最新の JavaScript を使用してオブジェクト配列内のキー名を変更する方法

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

JavaScript の世界では、オブジェクトと配列を操作する機能が非常に重要です。そのようなタスクの 1 つは、オブジェクトの配列内のキー名を変更することです。

たとえば、次のオブジェクトの配列を考えてみましょう。

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

目標は、各 key1 をストロークに変換することです。その結果、次のようになります。次の出力:

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

最新の JavaScript では、構造化、残存構文、スプレッド構文、および配列マップの組み合わせにより、洗練されたソリューションが提供されます。

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

console.log(newArrayOfObj);

この手法では、構造化を活用して、 key1 をストロークとして抽出し、スプレッド演算子を使用して残りのプロパティと結合します。次に、マップ メソッドが配列内の各オブジェクトに適用され、キー名が変更された新しい配列が作成されます。

このアプローチを理解することで、オブジェクト配列内のキーの名前を効果的に変更でき、整理および編集のための多彩なオプションが開かれます。データ構造を操作します。

以上が最新の JavaScript を使用してオブジェクト配列内のキー名を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。