서문
For 루프는 모든 사람이 더 자주 사용할 수는 없다고 생각합니다. 하지만 이번에는 for 루프에 대해 이야기합니다. 왜냐하면 코드를 볼 때 정말 이해해서는 안 되는 for 루프의 의미를 이해하지 못했기 때문입니다.
이 for 루프는 다음과 같이 작성됩니다.
for (var i = 0, rule; rule = rules[i++];) { //do something }
이 작성은 무엇을 의미하나요? 나중에 얘기하겠지만 지금으로서는 이런 글쓰기 방식이 꽤 좋은 것 같아요.
for 루프 작성이 효율성에 미치는 영향
위 코드에 대해 이야기하기 전에 for 루프의 효율성에 대해 이야기해 보겠습니다. js를 접하게 되었을 때, for 루프의 작성 방법과 그것이 효율성에 미치는 영향에 대한 글이 꽤 있었습니다. 그러나 일반적으로 변수를 선언하지 않고 for 루프를 작성하는 방법에는 두 가지가 있습니다.
for(var i = 0;i 작성 방법 변수 선언: for(var i = 0,len = arr.length;i < len;i++){} for 루프 외에도 forEach()도 있습니다. forEach()가 가장 효율적이라는 기사도 있는데, forEach()를 사용하는 것이 더 효율적이라는 것입니다. 테스트를 해보고 확인해 보겠습니다. 테스트 계획 전체 테스트 계획은 다음과 같습니다. 4천만개를 담는 테스트 배열 변수를 만듭니다. 이 테스트 변수를 탐색하려면 for 루프와 foreach라는 두 가지 작성 방법을 사용하세요. 동일한 안정적인 머신에서 10번의 테스트를 수행하고 최종적으로 평균을 구합니다. 테스트 환경: CPU: Inter(R) Core i5-3210M, RAM: 12GM, 시스템: win10 (x64) 테스트 프로세스 테스트 변수 생성 먼저 while 루프를 사용하여 테스트 변수를 만듭니다. 다음과 같이 매우 간단합니다. 해당 테스트 함수를 작성합니다 측정 및 실행 시간 코드의 경우 테스트를 위해 console.time() 및 console.timeEnd()를 사용했습니다. 이 세 개의 for 루프에 대해 먼저 세 개의 함수를 만듭니다. foreach 루프 테스트: 선언된 변수 없음 for 루프: 변수 선언으로 작성 테스트 함수 실행 여기서 테스트 함수 실행은 매우 간단합니다. 테스트 결과 10번의 테스트 결과 다음과 같은 결과가 나왔습니다 궁금합니다 결과가 놀랐다면? 가장 일반적인 글쓰기 방식이 가장 효율적이라고는 생각하지 못했습니다. 왜일까요? 제가 파악을 못해서 혹시 아시는 분 계시면 알려주세요. 그런데 진술 방식이 의미가 없는 것 같아요. len = arr.length arr.length가 캐시되었을 수 있으므로 저장을 위해 len 변수를 선언하는 것은 의미가 없습니다. 마지막으로 테스트 코드를 모두 첨부하고 컴퓨터에 복사해 놓으시면 바로 테스트가 가능합니다. 불합리한 점이 있으면 <🎜 말씀해 주세요. >var testArrs = [],
i = 0;
while(i<40000000){
testArrs.push(i);
i++;
}
function testForeach(testArrs){
console.time('foreach');
var newArrs = [];
testArrs.forEach(function(i){
newArrs.push(i);
});
console.timeEnd('foreach');
}
function testNoDeclare(testArrs){
console.time('no declare');
var newArrs = [];
for(var i = 0;i<testArrs.length;i++){
newArrs.push(i);
}
console.timeEnd('no declare');
}
function testUseDeclare(testArrs){
console.time('use declare');
var newArrs = [];
for(var i = 0,len = testArrs.length;i<len;i++){
newArrs.push(i);
}
console.timeEnd('use declare');
}
testForeach(testArrs);
testNoDeclare(testArrs);
testUseDeclare(testArrs);
var testArrs = [],
i = 0;
while(i<40000000){
testArrs.push(i);
i++;
}
function testForeach(testArrs){
console.time('foreach');
var newArrs = [];
testArrs.forEach(function(i){
newArrs.push(i);
});
console.timeEnd('foreach');
}
function testNoDeclare(testArrs){
console.time('no declare');
var newArrs = [];
for(var i = 0;i<testArrs.length;i++){
newArrs.push(i);
}
console.timeEnd('no declare');
}
function testUseDeclare(testArrs){
console.time('use declare');
var newArrs = [];
for(var i = 0,len = testArrs.length;i<len;i++){
newArrs.push(i);
}
console.timeEnd('use declare');
}
testForeach(testArrs);
testNoDeclare(testArrs);
testUseDeclare(testArrs);
아아아아
그런데! 위의 문법적 지시에 따르면 이렇게도 쓸 수 있어요for (语句 1; 语句 2; 语句 3) { 被执行的代码块 }
for(var i=0;i<10;i++){ console.log(i); }
for(var i=10;i--;){ console.log(i); }