세 가지 js 루프의 키워드 예(for 및 while)_기본 지식
- WBOY원래의
- 2016-05-16 15:15:211789검색
루프를 작성하는 세 가지 방법:
<!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; i5075dc47e7f84f3839990879d4a47c5b";
}
직접 시도해 보세요
위의 예에서 다음을 확인할 수 있습니다.
문 1은 루프가 시작되기 전에 변수(var i=0)를 설정합니다.
명령문 2는 루프 실행 조건을 정의합니다(i는 5보다 작아야 함).
명령문 3은 코드 블록이 실행될 때마다 값(i++)을 증가시킵니다.
진술 1
보통 우리는 문 1을 사용하여 루프에 사용되는 변수를 초기화합니다(var i=0).
문 1은 선택 사항입니다. 즉, 문 1을 사용하지 않고도 수행할 수 있습니다.
문 1에서 임의의(또는 여러) 값을 초기화할 수 있습니다.
예:
for(var i=0,len=cars.length; i5ae406fe503acdef82424415afa93a1a");
}
문 1을 생략할 수도 있습니다(예: 루프가 시작되기 전에 값이 설정된 경우).
예:
var i=2,len=cars.length;
for (; i
document.write(cars[i] + "0c6dc11e160d3b678d68754cc175188a");
}
진술 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] + "0c6dc11e160d3b678d68754cc175188a");
난++;
}
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