JavaScript_javascript 팁의 for..in 루프 트랩 소개

JavaScript가 객체를 반복하는 두 가지 방법을 제공한다는 것은 누구나 알고 있습니다.
(2) for..in loop;
for 루프를 사용하여 배열 객체를 반복하는 것은 이미 흔한 일입니다. . 하지만 for..in 루프를 사용할 때는 모두가 주의해야 합니다. 왜 이렇게 말하는 걸까요? 여러분, 제 말을 들어보세요...
Javascript는 객체의 속성이나 배열의 각 요소를 반복하는 데 사용되는 특수 루프(즉, for..in 루프)를 제공합니다. 루프의 루프 카운터는 숫자가 아닌 문자열입니다. 여기에는 현재 속성의 이름이나 현재 배열 요소의 인덱스가 포함됩니다.
사례 1:

코드 복사 코드는 다음과 같습니다.

//사용 for.. in 루프는 객체 속성
varperson={
name: "Admin",
age: 21,
address: "shandong"
}
for(vari 직접){
console.log(i);
}

실행 결과는 다음과 같습니다.
name
age
address
객체, 변수 i는 루프 카운터가 객체의 속성 이름임을 의미합니다.

코드 복사 코드는 다음과 같습니다.

// 배열을 순회하려면 for..in 루프를 사용하세요.
vararray = ["admin","manager","db"]
for(vari in array){
console.log(i);
}

실행 결과:
0
1
2
배열을 순회할 때 변수 i는 은 루프 카운터이고 현재 배열 요소의 인덱스입니다
사례 2:
그러나 for..in 루프는 지금은 상당히 유용한 것 같지만 너무 일찍 기뻐하지는 마세요. 다음 예를 살펴보십시오.

코드 복사 코드는 다음과 같습니다.

var array = ["admin","manager","db"];
//배열 이름 속성에 프로토타입 추가
Array.prototype.name= "zhangsan"
for(var i in array){
alert(array[i])
}

실행 결과:
admin
manager
db
zhangsan
입니다. 왜 장산이 이유 없이 나타나는지
이제 for 루프를 사용하면 어떻게 되는지 볼까요?

코드 복사 코드는 다음과 같습니다.

vararray = ["admin","manager "," db"];
//배열의 프로토타입에 이름 속성 추가
Array.prototype.name = "zhangsan";
for(var i =0 ; ialert(array[i])
};

실행 결과:
admin
manager
db
아, 이제 .in 루프는 특정 유형의 프로토타입에 있는 메서드와 속성을 순회하므로 코드에 예상치 못한 오류가 발생할 수 있습니다. 이 문제를 방지하려면 객체의 hasOwnProperty() 메서드를 사용하여 객체의 속성이나 메서드가 상속되지 않으면 hasOwnProperty() 메서드가 true를 반환합니다. 즉, 여기서 검사에는 다른 개체에서 상속된 속성 및 메서드가 포함되지 않고 특정 개체 자체에서 직접 생성된 속성만 포함됩니다.
사례 3:

코드 복사 코드는 다음과 같습니다.

vararray = [ "admin" ,"manager","db"];
Array.prototype.name= "zhangshan";
for(vari in array){
//직접 생성한 속성이 아닌 경우 객체 자체(즉, // 속성은 프로토타입의 속성임) 표시를 건너뜁니다.
if(!array.hasOwnProperty(i)){
continue
}
alert; (array[i]);
}

실행 결과:
admin
manager
db
모든 것이 이전과 같습니다. 모르겠어, 동지들은 이 글을 읽고 어떤 느낌이 들까? "구름과 안개가 갈라져 맑은 하늘을 본다"는 느낌이 들지 않나요?