Bagaimana untuk melangkah ke atas sifat objek JavaScript?

Ya, terdapat banyak cara untuk melintasi sifat objek dalam JavaScript. 1. Gunakan untuk ... dalam gelung untuk melintasi semua sifat rentetan yang boleh dibaca sesuatu objek, tetapi disyorkan untuk mengecualikan sifat yang diwarisi dengan HasownProperty (); 2. Gunakan object.keys () untuk menggabungkan foreach () untuk memproses nama -nama utama dengan lebih mudah dalam array; 3. Gunakan objek.entries () untuk mendapatkan array pasangan nilai utama untuk dekonstruksi dan operasi yang mudah; Di samping itu, anda boleh menambah logik ke gelung untuk melaksanakan penapisan harta dan fungsi lain yang diperlukan.

Ya, anda boleh benar -benar gelung melalui sifat -sifat objek JavaScript - dan terdapat beberapa cara biasa untuk melakukannya bergantung pada apa yang anda perlukan.

1. Menggunakan for...in gelung

Ini adalah kaedah yang paling mudah untuk melelehkan sifat objek.

for...in gelung pergi melalui setiap harta rentetan yang boleh dibaca objek. Inilah cara anda menggunakannya:

 const user = {
  Nama: "Alice",
  Umur: 25,
  Peranan: "Pemaju"
};

untuk (biarkan kunci pengguna) {
  console.log (kunci ":" pengguna [kunci]);
}

Anda akan mendapat:

 Nama: Alice
Umur: 25
Peranan: Pemaju

⚠️ Nota cepat: Pastikan menggunakan hasOwnProperty() jika anda ingin melangkau sifat yang diwarisi:

 untuk (biarkan kunci pengguna) {
  jika (user.hasownProperty (kunci)) {
    console.log (kunci ":" pengguna [kunci]);
  }
}

2. Menggunakan Object.keys() dengan forEach()

Jika anda hanya mahu kunci sebagai array dan kemudian melakukan tindakan pada mereka, ini adalah pendekatan yang bersih.

 Object.keys (pengguna) .foreach (key => {
  console.log (kunci ":" pengguna [kunci]);
});

Ini memberi anda hasil yang sama tetapi mungkin berasa lebih berfungsi atau array-seperti, terutamanya jika anda biasa bekerja dengan kaedah array seperti map , filter , dll.

3. Menggunakan Object.entries() untuk pasangan nilai kunci

Jika anda memerlukan kedua -dua kunci dan nilai tanpa mengakses objek setiap kali, Object.entries() adalah sangat berguna.

Ia mengembalikan pelbagai pasangan [key, value] :

 Object.entries (pengguna) .foreach (([kunci, nilai]) => {
  console.log (`$ {key}: $ {value}`);
});

Ini menjadikan kemusnahan mudah dan memastikan kod anda bersih apabila berurusan dengan kedua -dua bahagian harta.

Petua Bonus: Penapisan Objek Properties

Kadang -kadang anda mungkin hanya mahu sifat tertentu. Katakan anda hanya mahukan nilai rentetan:

 Object.entries (pengguna) .foreach (([kunci, nilai]) => {
  jika (typeof value === 'string') {
    console.log (`$ {key}: $ {value}`);
  }
});

Ini membolehkan anda menambah logik di dalam gelung dengan mudah.

Jadi ya, gelung melalui sifat objek tidak sukar apabila anda tahu kaedah mana yang sesuai dengan kes anda.
Pada dasarnya itu sahaja.

Atas ialah kandungan terperinci Bagaimana untuk melangkah ke atas sifat objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!