ホームページ >ウェブフロントエンド >jsチュートリアル >オブジェクトの配列内のキー名を変更する (キーの名前を変更する) 方法は?

オブジェクトの配列内のキー名を変更する (キーの名前を変更する) 方法は?

Susan Sarandon
Susan Sarandonオリジナル
2024-10-18 19:13:29612ブラウズ

How to Modify Key Names in an Array of Objects (Renaming Keys)?

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

オブジェクトの配列について考えます:

<code class="javascript">var arrayObj = [
  { key1: 'value1', key2: 'value2' },
  { key1: 'value1', key2: 'value2' }
];</code>

出現するすべての「key1」を次のように変更するには「ストローク」では、map() 関数とともに、構造解除、残り、およびスプレッド構文の組み合わせを利用します。

<code class="javascript">const newArrayOfObj = arrayObj.map(({ key1: stroke, ...rest }) => ({
  stroke,
  ...rest
}));</code>

このアプローチでは、オブジェクトの構造が同時に解除され、「key1」の名前が「ストローク」に変更され、スプレッドされます。残りのプロパティを新しいオブジェクトに追加します。

結果の newArrayOfObj は次のようになります。

<code class="javascript">[{ stroke: 'value1', key2: 'value2' }, { stroke: 'value1', key2: 'value2' }]</code>

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

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