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

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

Susan Sarandon
Susan Sarandonasal
2024-10-18 19:17:03797semak imbas

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'}];

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

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

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);

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!

Kenyataan:
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