Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengubah Nama Utama dalam Tatasusunan Objek Menggunakan JavaScript Moden?

Bagaimana untuk Mengubah Nama Utama dalam Tatasusunan Objek Menggunakan JavaScript Moden?

Susan Sarandon
Lepaskan: 2024-10-18 19:17:03
asal
916 orang telah melayarinya

How to Alter Key Names in Object Arrays Using Modern JavaScript?

Mengubah Nama Utama dalam Tatasusunan Objek

Dalam dunia JavaScript, keupayaan untuk memanipulasi objek dan tatasusunan adalah penting. Satu tugas sedemikian ialah menukar nama kunci dalam tatasusunan objek.

Sebagai contoh, pertimbangkan tatasusunan objek:

var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];
Salin selepas log masuk

Matlamat anda adalah untuk mengubah setiap kekunci1 menjadi lejang, menghasilkan output berikut:

var arrayObj = [{stroke:'value1', key2:'value2'},{stroke:'value1', key2:'value2'}];
Salin selepas log masuk

Dalam JavaScript moden, gabungan pemusnahan, sintaks rehat, sintaks sebaran dan peta tatasusunan menyediakan penyelesaian yang elegan:

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

console.log(newArrayOfObj);
Salin selepas log masuk

Teknik ini memanfaatkan pemusnahan kepada ekstrak key1 sebagai strok dan gabungkannya dengan sifat yang tinggal menggunakan operator spread. Kaedah peta kemudiannya digunakan pada setiap objek dalam tatasusunan, menghasilkan tatasusunan baharu dengan nama kunci yang diubah suai.

Dengan memahami pendekatan ini, anda boleh menamakan semula kunci dalam tatasusunan objek dengan berkesan, membuka pilihan serba boleh untuk mengatur dan memanipulasi struktur data anda.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Nama Utama dalam Tatasusunan Objek Menggunakan JavaScript Moden?. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan