JavaScript 학습의 for 루프 및 for/in 루프 소개
- 青灯夜游앞으로
- 2018-10-16 17:06:461699검색
이 글에서는 자바스크립트 학습에 있어서 for 루프와 for/in 루프에 대해 소개하겠습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
루프는 지정된 횟수만큼 코드 블록을 실행할 수 있습니다.
JavaScript는 다양한 유형의 루프를 지원합니다.
for - 특정 횟수만큼 코드 블록을 반복합니다.
for/in - 객체의 속성을 반복합니다.
while - 지정된 경우 지정된 조건이 true인 경우 지정된 코드 블록을 루프
-
do/while - 지정된 조건이 true인 경우 지정된 코드 블록을 루프
for loop
For 루프 구문:
for(语句1;语句2;语句3){
被执行的代码块
}
설명:
문 1(코드 블록)은 시작하기 전에 실행됩니다.
문 2 실행을 위한 조건 루프(코드 블록)
명령문 3 루프(코드 블록)가 실행된 후 실행됨
예:
76c82f278ac045591c9159d381de2c57 100db36a723c770d327fc0aef2ce13b1 93f0f5c25f18dab9d176bd4f6de5d30e a80eb7cbb6fff8b0ff70bae37074b813 b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f 9c3bca370b5104690d9ef395f2c5f8d1 8019067d09615e43c7904885b5246f0a for (var i = 0; i 30ec19e683c1fe835e9dea0c0830b1d0 73a6ac4ed44ffec12cee46588e518a5e
위의 예에서 볼 수 있습니다.
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도 생략할 수 있습니다. (예: 루프 내부에 해당 코드가 있는 경우)76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
a80eb7cbb6fff8b0ff70bae37074b813
b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
8019067d09615e43c7904885b5246f0a
var i = 0,
len = cc.length;
for(; i 0d5f929479e7eb9a0e12c1d901fca32f
73a6ac4ed44ffec12cee46588e518a5e
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 비디오 튜토리얼, jQuery 비디오 튜토리얼, bootstrap 튜토리얼을 방문하세요!
위 내용은 JavaScript 학습의 for 루프 및 for/in 루프 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!