Bagaimana untuk mendapatkan pasangan nilai kunci objek menggunakan fungsi Object.entry?

Bagaimana untuk menggunakan fungsi Object.entry untuk mendapatkan pasangan nilai kunci sesuatu objek?

Dalam pengaturcaraan JavaScript, kita selalunya perlu mengendalikan pasangan nilai kunci objek. Kaedah Object.entry yang diperkenalkan dalam ES2017 boleh membantu kami mendapatkan pasangan nilai kunci objek dengan cepat. Artikel ini akan memperkenalkan penggunaan Object.entry, dengan contoh kod khusus.

1. Penggunaan asas Object.enries
Fungsi Object.entry menerima objek sebagai parameter dan mengembalikan tatasusunan dua dimensi yang mengandungi pasangan nilai kunci objek. di mana setiap elemen tatasusunan ialah tatasusunan kecil yang mengandungi kunci dan nilai.

Sebagai contoh, kita mempunyai objek:
const person = {
nama: "John",
umur: 30,
jantina: "lelaki "
};

Jika kita ingin mendapatkan pasangan nilai kunci objek orang, kita boleh menggunakan fungsi Object.entry:
const entries = Object.entry( orang);

Selepas melaksanakan kod di atas, nilai entri akan menjadi tatasusunan dua dimensi yang mengandungi semua pasangan nilai kunci objek orang:
[
[" nama", "John"],
["umur", 30],
["jantina", "lelaki"]
]

2. Kunci traverse -pasangan nilai
untuk mendapatkan nilai utama objek Selepas berpasangan, kita boleh menggunakan gelung for...of untuk melintasinya, atau gunakan kaedah forEach untuk melintasinya.

1. Gunakan untuk...laluan gelung
   Gelung for...of ialah ciri baharu yang diperkenalkan dalam ES6, yang boleh melintasi tatasusunan atau objek seperti tatasusunan dengan mudah.

Kemudian kita ambil objek orang sebagai contoh dan gunakan gelung for...of untuk melintasi pasangan nilai kunci objek orang:
for (const [ kunci, nilai] entri (orang)) {
console.log(${key}: ${value});${key}: ${value});
}

执行以上代码后，控制台将输出：
name: John
age: 30
gender: male

2. 使用forEach方法遍历
   除了for...of循环外，我们也可以使用数组的forEach方法对Object.entries返回的数组进行遍历。

同样以person对象为例，使用forEach方法遍历person对象的键值对：
Object.entries(person).forEach(([key, value]) => {
console.log(${key}: ${value}}
#🎜 🎜#Selepas melaksanakan kod di atas, Konsol akan mengeluarkan:

nama: John

umur: 30
jantina: lelaki

Gunakan kaedah forEach untuk melintasi Selain gelung for...of, kita juga boleh menggunakan kaedah forEach tatasusunan untuk melintasi tatasusunan yang dikembalikan oleh Object.entry.




Juga mengambil objek orang sebagai contoh, gunakan kaedah forEach untuk melintasi pasangan nilai kunci objek orang:

Object.entry(person).forEach( ([kunci, nilai]) => {

console.log(${key}: ${value});

});
#🎜 🎜#Selepas melaksanakan kod di atas, Konsol akan mengeluarkan hasil yang sama:
nama: John
umur: 30
jantina: lelaki


3. entri untuk mengklon objek#🎜🎜 Fungsi #Object.entry bukan sahaja boleh mendapatkan pasangan nilai kunci sesuatu objek, tetapi juga membantu kami mengklon objek tersebut.


Kita boleh menukar tatasusunan dua dimensi yang mengandungi pasangan nilai kunci kepada objek baharu dengan menggabungkan kaedah Object.fromEntries.

Sebagai contoh, kita mempunyai objek orang:

const person = {

nama: "John",
umur: 30,

jantina: " lelaki "

};

#🎜🎜#Sekarang, kami mahu mencipta objek baharu dengan kandungan yang sama dengan objek orang itu dengan mengklon. Kita boleh menggunakan Object.entry dan Object.fromEntries untuk menyelesaikan tugasan ini: #🎜🎜#const clonedPerson = Object.fromEntries(Object.entry(person));#🎜🎜##🎜🎜#Selepas melaksanakan kod di atas, clonedPerson akan be a Objek baru mempunyai kandungan yang sama persis dengan objek orang. #🎜🎜##🎜🎜#Ringkasan#🎜🎜#Fungsi Object.entry ialah kaedah baharu yang diperkenalkan dalam ES2017, yang boleh membantu kami mendapatkan pasangan nilai kunci objek dengan cepat. Dengan menggunakan gelung for...of atau kaedah forEach tatasusunan, kita boleh dengan mudah mengulangi pasangan nilai kunci ini. Selain itu, digabungkan dengan kaedah Object.fromEntries, kita juga boleh mengklon objek melalui Object.entry. #🎜🎜##🎜🎜# Saya harap artikel ini akan membantu anda memahami penggunaan fungsi Object.entry. Dalam pengaturcaraan JavaScript harian, penggunaan Object.entry yang betul boleh memudahkan untuk mengendalikan pasangan nilai kunci objek. #🎜🎜#

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan pasangan nilai kunci objek menggunakan fungsi Object.entry?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!