JS의 for 루프 성능 최적화 요약

이 글은 JS의 for 루프 성능 최적화에 대한 요약을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

우리는 FOR 루프를 너무 많이 사용하는데, 최적화된 작성에 주목하셨나요? 기록:

1. 가장 일반적인 작성 방법은 문제가 없습니다.

for (var i = 0; i < 10; i++) {    // do something...}

2. 루프 수가 가변적일 때

for (var i = 0; i < arr.length; i++) {    // do something...}

사실 대부분의 사람들은 이렇게 작성하면, 이 작성 방법의 단점은 반복할 때마다 배열의 길이를 읽는 것이 비용 효율적이지 않다는 것입니다.

3. 가변 상황에 최적화된 작성 방법

for (var i = 0, l = arr.length; i < l; i++) {    // do something...}

저장 길이를 읽으면 루프가 반복될 필요가 없습니다. 길이를 읽어보세요

4. 위의 3은 다음과 같이 작성할 수도 있습니다

var i = 0, l = arr.length;        
for (; i < l; i++) {    // do something...}

이것은 3의 변형일 뿐이며, 또 다른 작성 방식입니다. , 최적화가 없습니다. 블록 수준의 범위가 없기 때문에 효과는 3과 동일합니다.

5. 최적화된 쓰기 및 업그레이드 버전

for (var i = arr.length - 1; i >= 0; i--) {    // do something...}

3번째 방법을 기반으로 변수를 저장하는 권장 쓰기 방법입니다.

추천 관련 기사:

vue.js 이미지 이미지를 업로드하고 미리보기 위해 Base64를 변환하는 방법

js 스레드 사례 - 임의 속도의 타자기 효과를 얻기 위해

위 내용은 JS의 for 루프 성능 최적화 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!