신비한 '기능'어레이

Question

에 부착되고 난 다음 코드를 가지고

// button sets 
    var sets = ['.diamond-colour','.diamond-cut','.diamond-clarity','.diamond-certificate']; 
    // for each set 
    for (set in sets){ 
     console.log('Set: '+set); 
     console.log(sets[set]); 
    } 

콘솔 로그 쇼 :

Set: 0 
.diamond-colour 
Set: 1 
.diamond-cut 
Set: 2 
.diamond-clarity 
Set: 3 
.diamond-certificate 
Set: findIndex 
function (value){ 
var ctr = ""; 
for (var i=0; i < this.length; i++) { 
if (this[i] == value) { 
return i; 
} 
} 
return ctr; 
} 

findIndex의 키를 가진 새로운 배열 요소로 나타나고 그 값은 그 기능입니다.

누구에게 어떤 아이디어가 있고 왜 나타나는지?

Answer 1

기존의 for 루프를 사용하여 배열을 반복해야합니다. 그렇지 않으면 자신 또는 제 3 자 코드가 추가 한 속성 (이 경우 새로운 함수)을 선택할 수 있습니다. 다른 언급했듯이

for(var i = 0; i < sets.length; i++) { 

는 길이를 캐싱하는 것은 최적의 성능을 제공합니다

for(var i = 0, len=sets.length; i < len; i++) { 

Answer 2

자바 스크립트의 for 루프와 in 연산자는 객체의 속성 만이 아니라 객체에 걸쳐 루프 때문이다 "Array". Javascript 배열은 실제로 배열의 각 항목에 대해 생성 된 숫자 속성이있는 객체이고 (.length과 같은 몇 가지 추가 메서드와 속성) "Array"라고 말합니다.

데니스 (Dennis)에서 언급했듯이 전통적인 for 루프를 사용하여 배열의 개체를 반복 할 수 있습니다.

또한 루프에 대한 예에 대해 쉽게 최적화 오히려마다 array.length 평가보다 루프의 시작시에 한번 길이 값을 초기화하는 참고 :

for (var i = 0, len = sets.length; i < len; i++) { 
    // ... 
}