루프 용 JS는 지정된 횟수로 코드 블록을 실행할 수 있습니다.
자바 스크립트 루프
배열 값을 다음과 같이 출력 할 수 있습니다. 동일한 코드를 반복해서 실행하려면 매번 값이 다르면 루프를 사용하는 것이 편리합니다.
document.write (Cars [0] + "<br>"); document.write (Cars [1] + "<br>"); d + "<br>");
그러나 우리는 이것을 씁니다
for (var i = 0; i <cars.length; i ++) {document.write (cars [i]+"<br>");}예 : 출력 1-100 숫자
for (var i = 0; i <= 100; i ++) {document.write (i+"<br>")}FE는 사전 테스트 루프이며 루프 전에 변수를 초기화 할 수 있으며 루프가 정의 된 후에 실행될 코드를 실행할 수 있습니다. 구문은 다음과 같습니다
(무인재화; 표현; psot = 루프-표현) 문
실행 프로세스는 다음과 같습니다.
1. 초기화 명령문을 실행하십시오
2. 표현이 사실인지 결정하십시오. 그렇다면 계속해서 전체 루프 본체를 종료하십시오.
3. 루프 바디 명령문 코드를 실행하십시오
4. 후 루프 발현 코드를 실행하십시오
5. 2 단계로 돌아갑니다
가장 일반적으로 사용되는 for 루프 형태는 (var i = 0; i <n; i ++) {statement}입니다.
이는 루프가 총 n 번으로 실행되며 알려진 루프 카운트 작업에 매우 적합합니다.
코드 사본은 다음과 같습니다.
var anumbers = new Array ();
var smessage = "당신은 입력 :/n";
var itotal = 0;
var vuserinput;
var iarrayindex = 0;
하다{
vuserinput = prompt ( "숫자를 입력하거나 '0'종료", "0");
호버 [iarrayindex] = vuserinput;
IARRAYINDEX ++;
itotal += 숫자 (vuserinput);
smessage + = vuserinput + "/n";
} while (vuserInput! = 0) // 입력이 0 (기본값) 일 때 루프 본체를 종료합니다.
smessage + = "Total :" + itotal;
document.getElementById ( "xxx"). innerhtml = smessage;
다른 유형의 루프
JavaScript는 다양한 유형의 루프를 지원합니다.
for- 특정 숫자에 대한 루프 코드 블록
객체의 속성을 통과하는/in- 루프
지정된 조건이 참이면 지정된 코드 블록을 루프합니다.
DO/WHONE- 마찬가지로 지정된 조건이 사실 일 때 지정된 코드 블록을 루프합니다.
루프 용
루프의 경우 루프를 만들 때 자주 사용하는 도구가 있습니다.
다음은 for 루프의 구문입니다.
(문장 1; 문 2; 문 3)
{
실행 된 코드 블록
}
루프 (코드 블록)가 시작되기 전에 진술 1이 실행됩니다.
명령문 2 루프 실행 조건 (코드 블록)
루프 (코드 블록)가 실행 된 후 명령문 3이 실행됩니다.
예
for (var i = 0; i <5; i ++) {x = x + "숫자는" + i + "<br>입니다. }위의 예에서 다음을 볼 수 있습니다.
진술 1 루프가 시작되기 전에 변수 (var i = 0)를 설정합니다.
문서 2는 루프 실행 조건을 정의합니다 (5 미만이어야 함).
문 3은 각 코드 블록이 실행 된 후 값 (I ++)을 추가합니다.
진술 1
일반적으로 우리는 문 1을 사용하여 루프에 사용 된 변수를 초기화합니다 (var i = 0).
진술 1은 선택 사항입니다. 즉, 문서 1이 사용되지 않음을 의미합니다.
문 1에서 모든 (또는 여러) 값을 초기화 할 수 있습니다.
예:
for (var i = 0, len = cars.length; i <len; i ++) {document.write (cars [i]+"<br>");}문을 생략 할 수도 있습니다. 1 (예 : 루프가 시작되기 전에 값이 설정된 경우) : :
예:
var i = 2, len = cars.length; for (; i <len; i ++) {document.write (cars [i]+"<br>");}진술 2
일반적으로 문서 2는 초기 변수의 조건을 평가하는 데 사용됩니다.
문서 2도 선택 사항입니다.
문 2가 true를 반환하면 루프가 다시 시작되고 False가 반환되면 루프가 끝납니다.
팁 : 문을 생략하면 루프 내에서 휴식을 제공해야합니다. 그렇지 않으면 사이클이 중지되지 않습니다. 이것은 브라우저가 충돌 할 수 있습니다. 이 튜토리얼의 후기 장에서 Break에 대해 읽으십시오.
진술 3
일반적으로 명령문 3은 초기 변수의 값을 증가시킵니다.
문 3도 선택 사항입니다.
진술 3에는 많은 용도가 있습니다. 증분은 음수 (i-) 이상일 수 있습니다 (i = i+15).
문 3도 생략 할 수 있습니다 (예 : 루프 안에 해당 코드가있을 때) :
예:
var i = 0, len = cars.length; for (; i <len;) {document.write (cars [i]+"<br>"); i ++;}루프를 위해/in
객체의 속성을 통과하는 명령문/in 문에 대한 JavaScript :
예
var person = {fname : "john", lname : "doe", age : 25}; for (x in person) {txt = txt + person [x]; }JavaScript 객체에 관한 장에서/in 루프에 대한 자세한 내용을 알 수 있습니다.
루프 중
이 기사를 보려면 while loop and do/while 루프를 클릭하십시오.
위의 모든 것은 JavaScript의 For 루프에 관한 것입니다. 나는 당신이 그것을 좋아하기를 바랍니다.