> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 루프 지식 소개(코드 예)

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

不言
풀어 주다: 2019-03-05 14:45:38
앞으로
2573명이 탐색했습니다.

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

for 루프

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

구문: ​​

for (变量=开始值;变量<=结束值;变量=变量+步进值) 
{
    需执行的代码
}
로그인 후 복사

예:

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

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

<html>
<body>

<script>
var i=0
for (i=0;i<=10;i++)
{
document.write("The number is " + i)
document.write("<br />")
}

</script>

</body>
</html>
로그인 후 복사

결과:

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
(变量<=结束值)
{
    需执行的代码
}
로그인 후 복사

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

예:

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

<html>
<body>
<script>
var i=0
while (i<=10)
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}

</script>
</body>
</html>
로그인 후 복사

결과:

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
(变量<=结束值)
로그인 후 복사

예:

<html>
<body>
<script>
var i=0
do 
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}
while (i<0)

</script>
</body>
</html>
로그인 후 복사

결과:

The number is 0
로그인 후 복사

위 내용은 JavaScript의 루프 지식 소개(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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