이 글에서는 자바스크립트 학습에 있어서 for 루프와 for/in 루프에 대해 소개하겠습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
루프는 지정된 횟수만큼 코드 블록을 실행할 수 있습니다.
JavaScript는 다양한 유형의 루프를 지원합니다.
for - 특정 횟수만큼 코드 블록을 반복합니다.
for/in - 객체의 속성을 반복합니다.
while - 지정된 경우 지정된 조건이 true인 경우 지정된 코드 블록을 루프
do/while - 지정된 조건이 true인 경우 지정된 코드 블록을 루프
for loop
For 루프 구문:
for(语句1;语句2;语句3){ 被执行的代码块 }
설명:
문 1(코드 블록)은 시작하기 전에 실행됩니다.
문 2 실행을 위한 조건 루프(코드 블록)
명령문 3 루프(코드 블록)가 실행된 후 실행됨
예:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <script type="text/javascript"> for (var i = 0; i < 5; i++) { alert("我是for循环"); } </script> </html>
위의 예에서 볼 수 있습니다.
Set 루프 시작 전 변수(var i = 0;)
루프 실행 조건 정의(i는 5보다 작아야 함)
각 코드 블록이 실행된 후 값(i++) 증가
일반적으로 문 1을 사용하여 루프에 사용된 변수를 초기화합니다 == 》(var i = 0;)
문 1을 작성할 필요가 없으며 원하는 수의 값을 초기화할 수 있습니다. 진술 1에서.
문 1을 생략할 수도 있습니다. 예를 들어 초기 값은 루프 전에 정의되었습니다.
예:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <script type="text/javascript"> var i = 0 for(; i < 5; i++) { alert("我是for循环"); } </script> </html>
그러나 1번째 문 뒤에 있는 ==》;는 생략할 수 없습니다.
Statement 2는 초기 변수의 조건을 평가하는 데 사용됩니다. 명령문 2도 선택 사항입니다. 명령문이 true를 반환하면 루프가 다시 시작되고, false를 반환하면 루프가 종료됩니다.
문 2가 생략된 경우 name은 루프 내에서 중단을 제공해야 합니다. 그렇지 않으면 루프를 중지할 수 없으며 브라우저가 충돌할 수 있습니다.
문 3은 일반적으로 초기 변수의 값을 늘리거나 줄입니다. 문 3도 선택 사항이며 증가분은 음수(i--) 이상(i = i + 15)이 될 수 있습니다.
문 3도 생략할 수 있습니다. (예: 루프 내부에 해당 코드가 있는 경우)<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
var i = 0,
len = cc.length;
for(; i < len;) {
alert("我是for循环");
i++;
}
</script>
</html>
for/in 루프
JavaScript for/in 문은 객체의 속성을 반복합니다.요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면 , jQuery 비디오 튜토리얼, bootstrap 튜토리얼을 방문하세요! 위 내용은 JavaScript 학습의 for 루프 및 for/in 루프 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body></body>
<script type="text/javascript">
var person = {
name: "haha",
age: 16
};
for(x in person) {
text = text + person[x];
}
</script>
</html>