JavaScript의 루프 지식 소개(코드 예)-JS 튜토리얼-php.cn

예:

결과:

while 루프

구문:

do...while 루프

집

웹 프론트엔드

JS 튜토리얼

JavaScript의 루프 지식 소개(코드 예)

Mar 05, 2019 pm 02:45 PM

javascript

이 기사의 내용은 JavaScript의 루프 지식(코드 예제)에 대한 소개입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

for 루프

스크립트 실행 횟수가 결정되면 for 루프를 사용하세요.

구문:

for (变量=开始值;变量&lt;=结束值;变量=变量+步进值) 
{
    需执行的代码
}

로그인 후 복사

예:

설명: 다음 예는 i의 시작 값이 0인 루프 프로그램을 정의합니다. 루프가 실행될 때마다 i의 값은 1씩 증가하고 i가 10이 될 때까지 루프가 계속됩니다.

참고: 단계 값은 음수일 수 있습니다. 단계 값이 음수인 경우 for 문의 비교 연산자를 조정해야 합니다.

&lt;html&gt;
&lt;body&gt;

&lt;script&gt;
var i=0
for (i=0;i&lt;=10;i++)
{
document.write(&quot;The number is &quot; + i)
document.write(&quot;&lt;br /&gt;&quot;)
}

&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;

로그인 후 복사

결과:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10

로그인 후 복사

while 루프

while 루프는 지정된 조건이 true일 때 루프의 코드를 실행하는 데 사용됩니다.

구문:

while
(变量&lt;=结束值)
{
    需执行的代码
}

로그인 후 복사

참고: <= 외에도 다른 비교 연산자를 사용할 수도 있습니다.

예:

설명: 다음 예는 루프 프로그램을 정의합니다. 이 루프 프로그램의 매개변수 i의 시작 값은 0입니다. 프로그램은 i가 10보다 커질 때까지 반복적으로 실행됩니다. i의 값은 실행될 때마다 1씩 증가합니다.

&lt;html&gt;
&lt;body&gt;
&lt;script&gt;
var i=0
while (i&lt;=10)
{
document.write(&quot;The number is &quot; + i)
document.write(&quot;&lt;br /&gt;&quot;)
i=i+1
}

&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

로그인 후 복사

결과:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10

로그인 후 복사

do...while 루프

do...while 루프는 while 루프의 변형입니다. 루프는 처음 실행될 때 먼저 코드를 실행한 다음 지정된 조건이 true일 때 루프를 계속합니다. 따라서 do...while 루프는 조건이 거짓이더라도 해당 코드를 한 번 이상 실행한다고 할 수 있습니다. 왜냐하면 코드가 실행될 때까지 조건 확인이 수행되지 않기 때문입니다.

구문:

do
{
    需执行的代码
}
while
(变量&lt;=结束值)

로그인 후 복사

예:

&lt;html&gt;
&lt;body&gt;
&lt;script&gt;
var i=0
do 
{
document.write(&quot;The number is &quot; + i)
document.write(&quot;&lt;br /&gt;&quot;)
i=i+1
}
while (i&lt;0)

&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

로그인 후 복사