JavaScript'te Dizi Öğelerine Erişim Hatası
Bazen yeni başlayan programcılar, bir dizi öğeyle sanki tek bir öğeleri varmış gibi çalışmaya çalışırlar. Bu hatanın özünün ne olduğuna bir bakalım.
Diyelim ki şu paragraflar verilmiş:
<p>1</p>
<p>2</p>
<p>3</p>
Diyelim ki bir programcı, her paragrafın metnine aynı değeri yazmaya karar verdi. Bunun için, bu öğelere referansları bir değişkene aldı:
let elems = document.querySelectorAll('p');
Daha sonra programcımız yanlışlıkla, değişkenimizde bir dizi değil de tek bir öğe varmış gibi davrandı. Sonuç olarak paragrafların metni değişmeyecek, ancak karakteristik olarak, konsolda da bir hata olmayacak:
elems.textContent = '!';
Buradaki doğru çözüm, dizi öğelerini bir döngü ile gezmek ve her bir öğe için ayrı ayrı gerekli işlemi gerçekleştirmek olacaktır:
for (let elem of elems) {
elem.textContent = '!';
}
