세 가지 js 루프의 키워드 예(for 및 while)_기본 지식-JS 튜토리얼-php.cn

세 가지 js 루프의 키워드 예(for 및 while)_기본 지식

WBOY

풀어 주다： 2016-05-16 15:15:21

원래의

1857명이 탐색했습니다.

루프를 작성하는 세 가지 방법:

<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家，这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">脚本之家,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>

로그인 후 복사

다양한 유형의 루프

JavaScript는 다양한 유형의 루프를 지원합니다.
•for - 특정 횟수만큼 코드 블록을 반복합니다.
•for/in - 객체의 속성을 반복합니다.
•while - 지정된 조건이 true일 때 지정된 코드 블록을 반복합니다.
•do/while - 지정된 조건이 true인 경우 지정된 코드 블록을 반복합니다.

For 루프

for 루프는 루프를 만들 때 자주 사용하는 도구입니다.

다음은 for 루프의 구문입니다.

for (문장 1; 문 2; 문 3)
{
실행된 코드 블록
}

문 1은 루프(코드 블록)가 시작되기 전에 실행됩니다.
문 2는 루프 실행 조건을 정의합니다(코드 블록)
문 3은 루프(코드 블록)가 실행된 후에 실행됩니다.

예

코드 복사 코드는 다음과 같습니다.

for(var i=0; i<5; i++)

{

x=x + "숫자는 " + i + "
";

}

직접 시도해 보세요

위의 예에서 다음을 확인할 수 있습니다.

문 1은 루프가 시작되기 전에 변수(var i=0)를 설정합니다.
명령문 2는 루프 실행 조건을 정의합니다(i는 5보다 작아야 함).
명령문 3은 코드 블록이 실행될 때마다 값(i++)을 증가시킵니다.

진술 1

보통 우리는 문 1을 사용하여 루프에 사용되는 변수를 초기화합니다(var i=0).

문 1은 선택 사항입니다. 즉, 문 1을 사용하지 않고도 수행할 수 있습니다.

문 1에서 임의의(또는 여러) 값을 초기화할 수 있습니다.

예:

코드 복사 코드는 다음과 같습니다.

for(var i=0,len=cars.length; i
{

document.write(cars[i] + "
");

}

문 1을 생략할 수도 있습니다(예: 루프가 시작되기 전에 값이 설정된 경우).

예:

코드 복사 코드는 다음과 같습니다.

var i=2,len=cars.length;

for (; i
{

document.write(cars[i] + "
");

}

진술 2

일반적으로 문 2는 초기 변수의 조건을 평가하는 데 사용됩니다.

설명 2도 선택사항입니다.
문 2가 true를 반환하면 루프가 다시 시작되고, false를 반환하면 루프가 종료됩니다.
팁: 문 2를 생략하는 경우 루프 내부에 중단을 제공해야 합니다. 그렇지 않으면 사이클을 멈출 수 없습니다. 이로 인해 브라우저가 중단될 수 있습니다. 이 튜토리얼의 뒷부분에서 break에 대해 읽어보세요.

설명 3

일반적으로 명령문 3은 초기 변수의 값을 증가시킵니다.

설명 3도 선택 사항입니다.
명령문 3은 여러 가지 방법으로 사용될 수 있습니다. 증분은 음수(i--)이거나 더 클 수 있습니다(i=i+15).
문 3도 생략할 수 있습니다(예: 루프 내부에 해당 코드가 있는 경우).

예:

코드 복사 코드는 다음과 같습니다.

var i=0,len=cars.length;

for (; i
{

document.write(cars[i] + "
");

난++;

}

For/In 루프

JavaScript for/in 문은 객체의 속성을 반복합니다.

예

코드 복사 코드는 다음과 같습니다.

var person={fname:"John",lname:"Doe",age:25};

(x 직접)

{

txt=txt + 사람[x];

}

JavaScript 객체에 관한 장에서 for/in 루프에 대해 더 자세히 배울 것입니다.

자세한 내용은 다음 글을 참고하세요: http://www.jb51.net/w3school/js/js_loop_for.htm