ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript 操作を使用してオブジェクトの配列内のキー名を変更する方法

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

DDD
DDDオリジナル
2024-10-18 19:10:03551ブラウズ

How to Change Key Names in an Array of Objects Using JavaScript Manipulation?

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

オブジェクトの配列内のキー名を変更するには、賢い JavaScript 操作が必要です。これを実現する方法を詳しく見てみましょう。

最新の JavaScript では、レスト構文、スプレッド構文、配列マッピングを使用した構造化を利用して、オブジェクトの配列内の特定のキー名を交換できます。

その仕組みは次のとおりです:

<code class="javascript">const arrayOfObj = [{
  key1: 'value1',
  key2: 'value2'
}, {
  key1: 'value1',
  key2: 'value2'
}];

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

console.log(newArrayOfObj);</code>

この例では、プロパティ名として「key1」と「key2」を持つオブジェクトの配列があります。各オブジェクトをマッピングし、残りのプロパティをキャプチャするための REST 演算子を使用して「key1」プロパティを「ストローク」という名前の新しい変数に分割します。

結果は、「key1」が配置された新しいオブジェクトの配列です。他のプロパティを保持したまま「ストローク」に置き換えられます。

この手法は、オブジェクトの配列内のキー名を変更するための簡潔かつエレガントな方法を提供し、柔軟で動的なデータ操作を可能にします。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。