Untuk gelung di JavaScript: Cara Menggunakan Untuk ... Dalam Loop

JavaScript for...in Loops: Panduan Komprehensif

gelung JavaScript tidak ternilai untuk memproses koleksi seperti tatasusunan dan objek. Gelung

menawarkan cara khusus untuk melangkah melalui sifat objek. Artikel ini meneroka penggunaannya, sintaks, amalan terbaik, dan alternatif yang sesuai. for...in

Konsep Utama

Loop
• melangkah ke atas sifat for...in yang boleh dibaca objek (atau array). Ia mengakses kekunci (nama harta atau indeks array), bukan nilai secara langsung.
Ia sesuai untuk objek Traversal dan debugging, memudahkan pemeriksaan kandungan objek. Walau bagaimanapun, sifatnya yang tidak teratur menjadikannya tidak sesuai untuk situasi yang memerlukan perintah lelaran tertentu.
Mengubah sifat dalam gelung
• boleh membawa kepada tingkah laku yang tidak dapat diramalkan; Elakkan pengubahsuaian sedemikian. for...in alternatif termasuk gelung standard
(menawarkan lebih banyak kawalan ke atas lelaran) dan kaedah
• (untuk lelaran array). for forEach
mengapa menggunakan gelung?

Dalam JavaScript, gelung memberikan akses yang cekap kepada item pengumpulan (tatasusunan atau objek). Setiap kitaran melalui koleksi adalah lelaran. Item diakses sama ada dengan kunci mereka (indeks untuk tatasusunan, nama harta untuk objek) atau secara langsung mengikut nilai.

gelung

ditakrifkan

for...in gelung

melangkah melalui kekunci

yang boleh dibaca for...in objek, array, atau rentetan. Kekunci ini kemudian membenarkan akses kepada nilai yang sepadan. sintaks

struktur asas ialah:

<code class="language-javascript">for (let key in value) {
  // Code to execute for each key
}</code>

mewakili koleksi, dan

memegang kunci setiap item semasa setiap lelaran. Menggunakan value (atau key) memastikan skop yang sesuai untuk pembolehubah let. const key menggunakan

dengan objek

for...in Apabila melelehkan objek,

mengakses objek

sendiri for...in sifat -sifat yang boleh dibaca. Untuk mengecualikan sifat yang diwarisi, gunakan : hasOwnProperty()

Contoh:

Perhatikan bahawa perintah lelaran mungkin tidak sepadan dengan urutan definisi harta.

<code class="language-javascript">const obj = {
  a: "JavaScript",
  1: "PHP",
  b: "Python",
  2: "Java"
};

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {  //Check for own properties
    console.log(key + ": " + obj[key]);
  }
}</code>

menggunakan

dengan array

for...in Walaupun mungkin, menggunakan

dengan tatasusunan umumnya tidak digalakkan. Perintah lelaran tidak dijamin berurutan (0, 1, 2 ...), dan ia mungkin berbeza -beza merentasi enjin JavaScript yang berbeza.

for...in

Contoh:

menggunakan

<code class="language-javascript">const arr = ["JavaScript", "PHP", "Python", "Java"];

for (let key in arr) {
  console.log(key + ": " + arr[key]);
}</code>

dengan rentetan

for...in Melangkah ke atas rentetan dengan

juga tidak disyorkan. Ia melangkah ke atas indeks watak, bukan watak -watak itu sendiri.

for...in bila hendak mengelakkan

• Perintis Array Array: Jika urutan iteration perkara, elakkan for...in untuk tatasusunan. Gunakan gelung standard for atau forEach sebaliknya.
• Mengubah sifat: Elakkan menambah, memadam, atau mengubahsuai sifat dalam gelung. Ini boleh menyebabkan melangkau item atau lelaran yang tidak dijangka.

Alternatif

• standard for gelung (tatasusunan): menyediakan kawalan lengkap ke atas perintah lelaran dan manipulasi indeks.

  <code class="language-javascript">for (let key in value) {
    // Code to execute for each key
  }</code>

• forEach kaedah (tatasusunan dan objek): melelehkan elemen array (atau kekunci objek menggunakan Object.keys()) menggunakan fungsi panggil balik.

  <code class="language-javascript">const obj = {
    a: "JavaScript",
    1: "PHP",
    b: "Python",
    2: "Java"
  };
  
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {  //Check for own properties
      console.log(key + ": " + obj[key]);
    }
  }</code>

Kesimpulan

Gelung for...in adalah alat yang berharga untuk melintasi sifat objek. Walau bagaimanapun, memahami batasannya dan memilih alternatif yang sesuai untuk tatasusunan memastikan kod yang boleh diramal dan cekap.

Soalan Lazim

• Apakah gelung ? for for vs standard
:
• melangkah ke atas objek objek; Gelung standard for...in lebih banyak tujuan umum. for for...in for vs
:
• melangkah secara langsung ke atas nilai -nilai yang boleh diperolehi; for lebih fleksibel. for...of

Atas ialah kandungan terperinci Untuk gelung di JavaScript: Cara Menggunakan Untuk ... Dalam Loop. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!