자바스크립트의 루프문이란 무엇인가요?

JavaScript 루프 문은 루프 본문과 종료 조건 두 부분으로 구성된 문입니다. 루프 본문은 반복적으로 실행되는 문이고, 종료 조건은 계속 반복할 수 있는지 여부를 결정하는 조건입니다. JavaScript 루프 문: 1. for 문, 2. for in 문, 4. while 문.

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서 루프 문이란 무엇입니까

실제 문제에는 규칙적으로 반복되는 연산이 많기 때문에 프로그램에서 특정 문을 반복적으로 실행해야 합니다.

반복적으로 실행되는 명령문 그룹을 루프 본문이라고 합니다. 계속 반복할 수 있는지 여부에 따라 루프의 종료 조건이 결정됩니다. 루프 구조는 특정 조건에서 특정 프로그램을 반복적으로 실행하는 프로세스 구조입니다. 루프 문은 루프 본문과 루프 종료 조건의 두 부분으로 구성됩니다. 그럼 우리가 일반적으로 사용하는 루프문을 아래에 소개하겠습니다.

JavaScript는 네 가지 유형의 루프를 지원합니다.

• for: 코드 블록을 여러 번 탐색

• for/in: 객체 속성 탐색

• while: 지정된 조건이 true일 때 코드 블록 반복

• do/while: 지정된 조건이 true일 때 코드 블록을 반복합니다.

for 문

for 문의 구문 형식은 다음과 같습니다.

for (语句1; 语句2; 语句3) {
要执行的代码块
}

Statement 1은 루프( 코드 블록)이 시작됩니다. 문 1은 선택사항입니다. 문이 없으면 세미콜론만 작성하세요. 일반적으로 명령문 1에서 일부 변수를 초기화합니다. 변수는 하나 또는 여러 개가 될 수 있습니다. 여러 변수는 쉼표로 구분됩니다.

Statement 2는 루프(코드 블록) 실행 조건을 정의합니다. 조건이 true이면 루프에 들어가서 루프 안의 코드 블록을 실행하고, 그렇지 않으면 루프를 종료합니다. 문 2도 선택사항입니다. 문이 없으면 세미콜론만 작성하세요. 그러나 문이 없으면 루프 본문에 중단을 작성해야 합니다. 그렇지 않으면 절대 끝나지 않습니다. 무한루프가 됩니다.

Statement 3은 루프(코드 블록)가 실행될 때마다 실행됩니다. 문 3도 선택 사항이며 문 3의 내용을 루프 본문에 작성할 수 있습니다.

세부 사항에 주의하세요. 3번 문장 끝에는 세미콜론이 없습니다.

작은 예를 작성해 보세요.

<p id="demo"></p>
<script>
        var text = "",i;
    
        for (i = 0; i < 5; i++) {
              text += "The number is " + i + "<br>";
        }
document.getElementById("demo").innerHTML = text;
</script>

Statement 1은 루프가 시작되기 전에 변수(var i = 0)를 설정합니다.

Statement 2는 루프를 실행하는 조건을 정의합니다(i는 5보다 작아야 함).

Statement 3은 코드 블록을 실행할 때마다 값(i++)을 증가시킵니다.

for/in 문

for/in 문은 일반적으로 객체의 속성을 탐색하는 데 사용됩니다. 구문 형식은 다음과 같습니다.

for (属性名 in 对象) {
要执行的代码块
}

간단한 예를 작성합니다.

<p id="demo"></p>
<script>
        var person = {name:"刘小妞", sex:"女", work:"自媒体"}; 
        var x,txt = "";
        for (x in person) {
          txt += person[x] + " ";
        }
document.getElementById("demo").innerHTML = txt;
</script>

x는 속성 이름을 나타냅니다. 속성 이름은 인삼 형태와 유사하게 자연스럽게 정의할 수 있습니다. 속성값은 객체[속성명] 형태로 접근하며, 객체.속성명 형태는 사용할 수 없다.

while 문

while의 구문 형식은 다음과 같습니다.

while (条件) {
要执行的代码块
}

조건이 true이면 코드 블록이 루프에서 실행됩니다.

작은 예를 작성하세요:

<p id="demo"></p>
<script>
    var text = "";
    var i = 0;
    while (i < 10) {
      text += "<br>数字是 " + i;
      i++;
    }
document.getElementById("demo").innerHTML = text;
</script>

무한 루프를 작성하지 않는 경우 루프 본문에 조건을 참이 아닌 것으로 만들 수 있는 명령문이 있어야 합니다.

예를 들어 위의 예에서는 루프 본문에 i++가 있습니다. i가 10으로 증가하면 루프가 종료됩니다.

do/while 문

do/while의 구문 형식은 다음과 같습니다.

do {
要执行的代码块
}
while (条件);

do/while 루프는 while 루프의 변형입니다.

이 유형의 루프는 조건이 true인지 확인하기 전에 코드 블록을 한 번 실행한 다음 조건이 true인 동안 루프를 반복합니다.

작은 예 작성:

<p id="demo"></p>
<script>
    var text = ""
    var i = 0;
    
    do {
          text += "<br>数字是 " + i;
          i++;
    }
    while (i < 10);  
    
document.getElementById("demo").innerHTML = text;
</script>

관련 권장 사항: javascript 학습 튜토리얼

위 내용은 자바스크립트의 루프문이란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!