JavaScript Có thể Lặp lại Không mong đợi

Tôi có mã sau:

  for (i in awards) {
         if (awards[i] instanceof Array === false) {
               console.log(awards[i]);
                httpFactory.patch(awards[i], {"read": true}, false);
             }
       }

IDE của tôi hiển thị lỗi này liên quan đến mã ở trên:

Có thể lặp lại các thành viên không mong muốn (tùy chỉnh / kế thừa), có thể thiếu kiểm tra hasOwnProperty

Kiểm tra bất kỳ trường hợp nào của vòng lặp bổ sung chưa được lọc trong JavaScript. Việc sử dụng cấu trúc này dẫn đến việc xử lý các thuộc tính kế thừa hoặc không mong đợi. Bạn cần lọc các thuộc tính riêng bằng phương thức hasOwnProperty (). Xác thực hoạt động trong các tệp JavaScript, html hoặc jsp.

Bạn có thể giải thích chi tiết hơn ý nghĩa của câu nói này không?

IDE khuyên bạn nên thêm một bài kiểm tra:

if (awards.hasOwnProperty(i)) {
    ...
}

bên trong forvòng lặp.

Cá nhân tôi khuyên bạn không nên làm điều này và tắt cảnh báo nếu có thể. Đơn giản là không cần hầu hết các mã và thậm chí ít cần hơn trong mã ES5, nơi bạn có thể thêm các thuộc tính không liệt kê một cách an toàn vào một đối tượng bằng cách sử dụngObject.defineProperty

Việc hasOwnPropertykiểm tra chỉ cần thiết nếu bạn đã thêm các thuộc tính mới (có thể liệt kê) vào một cách không an toàn Object.prototype, vì vậy cách khắc phục đơn giản nhất là không làm điều đó .

jQuery không thực hiện kiểm tra này - họ ghi rõ ràng rằng jQuery sẽ bị Object.prototypehỏng nếu được sửa đổi không an toàn.

Mọi đối tượng trong javascript đều có nguyên mẫu có các thuộc tính riêng (phương thức / thuộc tính gốc / kế thừa) và các thuộc tính được gắn trực tiếp vào chính đối tượng.

Khi bạn lặp qua một đối tượng, nó sẽ lặp lại các thuộc tính của chính đối tượng đó và các thuộc tính của nguyên mẫu của đối tượng.

Vì vậy, để tránh lặp lại nguyên mẫu, bạn nên sử dụng phương thức hasOwnProperty chỉ trả về true khi đối tượng có thuộc tính được đề cập trực tiếp. tức là, Không phải bên trong nguyên mẫu

Thí dụ

for (var k in object) {
  if (object.hasOwnProperty(k)) {
     // do your computation here.
  }
}

Thông tin chi tiết có thể được tìm thấy tại đây

Bạn cũng có thể cấu trúc lại vòng lặp của mình thành:

const keys = Object.keys(object);
for (const key of keys){
   // do something with object[key];
}

Ngoài ra, bạn có thể loại bỏ cảnh báo viết vòng lặp forEach để có cách tiếp cận chức năng và dễ đọc hơn:

Object.keys(object).forEach(key => {
    // Do something with object[key]
});

bạn nên thêm một điều kiện nữa vào đầu vòng lặp này

if (awards.hasOwnProperty(i))