JavaScript 학습의 for 루프 및 for/in 루프 소개-JS 튜토리얼-php.cn

JavaScript 학습의 for 루프 및 for/in 루프 소개

青灯夜游

풀어 주다： 2018-10-16 17:07:48

앞으로

1767명이 탐색했습니다.

이 글에서는 자바스크립트 학습에 있어서 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 문은 객체의 속성을 반복합니다.

<!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>

로그인 후 복사

JavaScript에서 for/in은 객체의 속성뿐만 아니라 배열도 순회할 수 있습니다.

요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼

, jQuery 비디오 튜토리얼, bootstrap 튜토리얼을 방문하세요!

위 내용은 JavaScript 학습의 for 루프 및 for/in 루프 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!