> 웹 프론트엔드 > 프런트엔드 Q&A > es6에서 계속 사용하는 방법

es6에서 계속 사용하는 방법

WBOY
풀어 주다: 2022-08-30 17:09:53
원래의
1284명이 탐색했습니다.

es6에서 continue 문은 현재 반복의 후속 문을 건너뛰고 제어를 루프의 시작 부분으로 다시 가져오는 데 사용됩니다. continue는 루프를 종료하지 않지만 현재 반복을 종료하고 후속 반복을 시작합니다. for( ...){...계속}".

es6에서 계속 사용하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 continue를 사용하는 방법

continue 문은 현재 반복에서 후속 문을 건너뛰고 루프의 시작 부분으로 제어를 다시 가져옵니다. break 문과 달리 continue는 루프를 종료하지 않습니다. 현재 반복을 종료하고 후속 반복을 시작합니다. 다음은 continue 문의 예시입니다.

var num = 0 
var count = 0; 
for(num = 0;num<= 20;num++) { 
   if (num % 2 == 0) { 
      continue 
   } 
   count++ 
} 
console.log(" The count of odd values between 0 and 20 is: "+count)
로그인 후 복사

위의 예는 0과 20 사이의 짝수 값을 보여줍니다. 숫자가 짝수이면 루프는 현재 반복을 종료합니다. 이는 continue 문을 사용하여 달성됩니다.

위 코드가 성공적으로 실행되면 다음과 같은 출력이 표시됩니다.

The count of odd values between 0 and 20 is: 10
로그인 후 복사

Expand Knowledge

es6 loops

1. for loop

는 break 및 continue 구문을 지원하고, break는 루프를 종료하며, continue는 이 루프를 건너뜁니다

2. break 및 continue 구문의 경우 forEach 루프는 제어를 허용하지 않으며 처음부터 끝까지 통과해야 합니다

3.every

    let arr = [1,2,3,4,5]
    arr.every((item) => {
        console.log(item)
        return true
    })
로그인 후 복사

every의 구문 형식은 forEach와 유사하지만 차이점은 다음과 같습니다. Every는 반환 값이 필요합니다. 반환 시 다음 루프는 값이 true인 경우에만 실행되며 기본적으로 false가 반환됩니다. 즉, Every와 forEach의 차이점은 Every가 프로그램 제어를 허용하고 반환 값이 있다는 것입니다. break and continue

4. for in

    let arr = [1,2,3,4,5]
    for(let index in arr) {
        console.log(arr[index])
    }
로그인 후 복사

forin 배열을 반복하는 데에도 사용할 수 있지만 forin은 객체 순회를 위해 설계되었기 때문에 문제가 있습니다. traversed는 배열도 객체이고 객체에 속성이 추가될 수 있기 때문입니다. 예를 들어 위의 예에서 속성 a가 arr에 추가되면 arr.a = 6인 경우 forin을 실행한 후 a 속성도 탐색됩니다. , 그러나 배열에서 우리가 이해하는 인덱스 값은 유효하지 않습니다.

forin은 중단 및 계속 구문도 지원합니다

forin에서 사용자 정의할 경우 변수 index는 인덱스 또는 속성 이름이며 문자열 유형입니다.

5. for of

    let arr = [1,2,3,4,5]
    for(let item of arr) {
        console.log(item)
    }
로그인 후 복사

for of는 주로 사용자 정의 데이터 유형 순회 문제를 해결하기 위한 ES6의 새로운 구문으로 배열을 순회할 수도 있지만 그 기능은 다른 것보다 더 강력합니다. 위에서 언급한 순회 방법

[관련 권장 사항:

javascript 비디오 튜토리얼

, 웹 프론트 엔드]

위 내용은 es6에서 계속 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
es6
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿