루프자바 스크립트 주어진 테스트 조건에 대해 특정 값의 유효성을 검사하여 결정을 내리고 주어진 조건이 충족 될 때까지 특정 횟수 동안 특정 코드 세그먼트를 실행하는 데 사용됩니다. 코드를 간결하게 만드는 데 도움이됩니다. 그만큼 루프는이 문서에서 다음 순서로 설명됩니다.
자바 스크립트 루프
JavaScript 루프는 무언가를 반복적으로 수행하는 빠르고 쉬운 방법을 제공합니다. 동일한 코드 줄을 반복하지 않고도 작업을 여러 번 반복하는 데 사용됩니다. 주로 두 가지 유형의 루프가 있습니다.
항목 제어 루프 – 입력 제어에서 루프 본체에 들어가기 전에 테스트 조건이 테스트됩니다. For 루프 과 While 루프 항목 제어 루프입니다.
제어 루프 종료 출구 제어에서 테스트 조건은 루프 본체의 끝에서 평가됩니다. 따라서 루프 본문은 한 번 이상 실행됩니다.테스트 조건이 참인지 거짓인지에 관계없이. do-while 루프 출구 제어 루프입니다.
이제 JavaScript 루프를 실행하는 다양한 방법에 대해 살펴 보겠습니다.
For 루프
이 방법은 루프 구조를 작성하는 간결한 방법을 제공합니다. for 루프는 지정된 조건이 거짓으로 평가 될 때까지 반복됩니다.
CSS 스프라이트 사용 방법
통사론-
for (초기화 조건 테스트 조건 증가 / 감소) {statement}
예-
// for 루프를 설명하는 JavaScript 프로그램 var x // for 루프는 x = 1 일 때 시작되고 // x까지 실행됩니다.<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
')}
산출-
x : 1 값 x : 2 값 x : 3 값 x : 4 값
While 루프
while 루프는 특정 부울 조건에 따라 코드를 반복적으로 실행할 수있는 제어 흐름 문입니다. 이 루프는 반복되는 if 문과 유사합니다.
통사론-
while (부울 조건) {루프 문}
예-
// while 루프를 설명하기위한 JavaScript 프로그램 var x = 1 // x가 5보다 커지면 종료 while (x<= 5) { document.write('Value of x:' + x + '
') // 다음 반복을 위해 x 값을 증가시킵니다. x ++}
산출-
x : 1 값 x : 2 값 x : 3 값 x : 4 값 x : 5 값
Do-while 루프
이 루프는 while 루프와 유사하지만 유일한 차이점은 명령문을 실행 한 후 조건을 확인한다는 것입니다. 따라서 Exit Controlled Loop의 예입니다.
통사론-
do {문} while (조건)
예-
// do-while 루프를 설명하는 JavaScript 프로그램 var x = 20 do {// 조건이 false 인 경우 document.write ( 'Value of x :'+ x + '
') x ++} 동안 (x<10)
산출-
x 값 : 20
For-in 루프
안드로이드 스튜디오 UI 디자인 튜토리얼
이 루프는 개체의 모든 열거 가능한 속성에 대해 지정된 변수를 반복합니다. 각 고유 속성에 대해 JavaScript는 지정된 문을 실행합니다.
통사론-
for (개체의 변수 이름) {문}
예-
// for..in 루프를 설명하기위한 JavaScript 프로그램 // 객체 생성 var 특성 = {첫 번째 : '이름', 두 번째 : '연령', 세 번째 : '높이', 네 번째 : '눈 색깔', 다섯 번째 : '국적' '} // 객체 특성의 모든 속성을 반복하고 // 모든 속성을 인쇄합니다. // for..in 루프를 사용하여 for (itr in characters) {document.write (characteristics [itr] +'
')}
산출-
c 기반 자바
이름 나이 신장 눈동자 색 국적
Break 문
break 문은 루프에서 점프하는 데 사용됩니다. 루프를 끊고 루프 이후에 코드를 계속 실행하는 데 도움이됩니다.
통사론-
break labelname
예-
var text = ''var i for (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
'}
산출-
숫자는 0입니다 숫자는 1입니다 숫자는 2입니다 숫자는 3입니다 숫자는 4입니다
계속 진술
continue 문은 지정된 조건이 발생하면 루프에서 한 반복을 중단하고 루프에서 다음 반복을 계속합니다. continue 문과 break 문의 차이점은 continue 문이 루프에서 '점프 아웃'대신 한 반복을 '점프'한다는 것입니다.
통사론-
계속 labelname
예-
var text = ''var i for (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
'}
산출-
숫자는 0입니다 숫자는 1입니다 숫자는 3입니다 숫자는 4입니다
이것들은 JavaScript 루프를 실행하는 다른 방법이었습니다. 이것으로 우리는 우리 기사의 마지막에 왔습니다.
이제 JavaScript Loops에 대해 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 'JavaScript Loops'의 주석 섹션에 언급 해 주시면 다시 연락 드리겠습니다.