Kesalahan dalam Mengakses Array Elemen di JavaScript
Terkadang programmer pemula mencoba bekerja dengan array elemen seolah-olah mereka hanya memiliki satu elemen. Mari kita lihat, apa inti dari kesalahan ini.
Misalkan diberikan paragraf-paragraf:
<p>1</p>
<p>2</p>
<p>3</p>
Misalkan seorang programmer memutuskan untuk menulis nilai yang sama ke dalam teks setiap paragraf. Untuk melakukan ini, dia mendapatkan referensi ke elemen-elemen tersebut ke dalam variabel:
let elems = document.querySelectorAll('p');
Kemudian, programmer kita keliru mengakses variabel kita seolah-olah ia berisi satu elemen, bukan sebuah array. Akibatnya, teks paragraf tidak akan berubah, tetapi, yang khas, tidak akan ada error di konsol juga:
elems.textContent = '!';
Solusi yang benar di sini adalah dengan mengulang array elemen menggunakan loop dan untuk setiap elemen secara terpisah menjalankan operasi yang diperlukan:
for (let elem of elems) {
elem.textContent = '!';
}
