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

青灯夜游
풀어 주다: 2018-10-16 17:07:48
앞으로
1740명이 탐색했습니다.

이 글에서는 자바스크립트 학습에 있어서 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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