Bagaimana untuk Mengubah Nama Utama dalam Susunan Objek Menggunakan Manipulasi JavaScript?

DDD
Lepaskan: 2024-10-18 19:10:03
asal
550 orang telah melayarinya

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

Mengubah suai Nama Utama dalam Tatasusunan Objek

Menukar nama kunci dalam tatasusunan objek memerlukan beberapa manipulasi JavaScript yang bijak. Mari kita mendalami cara anda boleh mencapai ini:

Dalam JavaScript moden, anda boleh menggunakan pemusnahan dengan sintaks rehat, sintaks penyebaran dan pemetaan tatasusunan untuk menukar nama kunci tertentu dalam tatasusunan objek anda.

Begini cara ia berfungsi:

<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>
Salin selepas log masuk

Dalam contoh ini, kami mempunyai tatasusunan objek dengan "key1" dan "key2" sebagai nama sifat. Kami memetakan setiap objek, memusnahkan sifat "key1" kepada pembolehubah baharu bernama "stroke" menggunakan operator selebihnya untuk menangkap sifat yang selebihnya.

Hasilnya ialah tatasusunan objek baharu yang telah "key1" digantikan dengan "lejang" sambil mengekalkan sifat yang lain.

Teknik ini menyediakan cara ringkas dan elegan untuk mengubah suai nama utama dalam tatasusunan objek anda, membolehkan manipulasi data yang fleksibel dan dinamik.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Nama Utama dalam Susunan Objek Menggunakan Manipulasi JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!