Gotcha khi dùng vòng lặp for..in.. trong javascript

TIL

748

Javascript

309

Hieu Nguyen viết ngày 01/06/2016

Hôm nay khi mình gặp một bug khá lạ khi render data: ở cuối bảng được render, có một vài dòng trống, không liên quan gì đến data. Sau một hồi debug, mình tìm ra được lỗi nằm ở đây:

for (index in questions) {
  var question = questions[index];
  // some code here
}

Ở đây, sau khi kết thúc duyệt qua các phần tử trong mảng questions, vòng lặp vẫn tiếp tục chạy với giá trị diff và equals. Trong các trường hợp đó, questions[index] trả về giá trị undefined chứ không báo lỗi, và thế là bug xuất hiện.

Mình vẫn chưa rõ vì sao lại có hiện tượng này, hiện tại cách fix là sử dụng vòng for bình thường:

for (i = 0, len = questions.length; i < len; i++) {
  var question = questions[i];
  // some code here
}