> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 중첩 for 루프를 사용하는 방법은 무엇입니까?

JavaScript에서 중첩 for 루프를 사용하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-09-05 10:45:02
앞으로
980명이 탐색했습니다.

JavaScript에서 중첩 for 루프를 사용하는 방법은 무엇입니까?

JavaScript의 for 루프 문을 사용하여 루프 본문의 일련의 문을 지정된 횟수만큼 반복합니다. 중첩된 for 루프는 이름에서 알 수 있듯이 여러 개의 for 루프로 구성되며, 하나의 루프가 다른 루프 내에 중첩됩니다. 이를 통해 행렬과 같은 다차원 데이터 구조를 반복할 수 있습니다.

JavaScript의 중첩 for 루프

간단한 for 루프는 초기화 값과 종료 조건에 따라 지정된 횟수만큼 실행됩니다. 반면에 중첩된 for 루프에는 외부 for 루프 내부에 하나 이상의 for 루프가 있습니다.

문법

으아악

이렇게 하면 limit회 실행되는 간단한 for 루프가 생성됩니다. 이는 루프 본문 내의 명령문을 제한된 회 실행한다는 의미입니다.

중첩 루프에서 for 루프 본문 내부의 문은 또 다른 for 루프입니다. 이로 인해 외부 for 루프가 반복될 때마다 내부 for 루프가 실행됩니다.

으아악

이 예제의 내부 루프는 외부 루프가 반복될 때마다 limit번 실행됩니다. 따라서 루프는 총 limit x 제한 시간 동안 실행됩니다.

두 루프의 초기화 값, 종료 조건 및 루프 변수 업데이트는 서로 독립적입니다.

예제를 통해 중첩된 for 루프가 어떻게 작동하는지 살펴보겠습니다.

예 1

여기에서는 중첩된 for 루프를 사용하여 "#" 2차원 행렬을 만듭니다.

같은 코드를 살펴보겠습니다.

for(let i = 0 ; i < limit; i++){
   // statement
}
로그인 후 복사

위 코드에서는 행과 열 수를 입력한 다음 중첩 루프를 사용하여 지정된 행렬을 만듭니다. 참고 외부 루프의 종료 조건에 따라 행렬의 행 수가 결정되고, 내부 루프의 종료 조건에 따라 행렬의 열 수가 결정됩니다.

루프의 매개변수(초기화 값, 종료 조건, 업데이트)를 조정하고 중첩 루프를 사용하여 거의 모든 유형의 중첩 순회를 구현할 수 있습니다.

중첩 루프를 사용하여 피라미드를 인쇄하는 방법을 살펴보겠습니다.

예 2

여기에서는 * 기호와 사용자가 제공한 높이를 사용하여 피라미드를 만듭니다. 동일한 코드를 살펴보겠습니다.

으아악

위 코드에서는 출력에 표시된 대로 루프 매개변수를 변경한 후 다양한 순회 패턴을 시각화할 수 있습니다.

Note프로그램의 외부 루프(루프 1)는 피라미드의 높이를 결정합니다. 첫 번째 내부 루프(루프 2)는 각 줄의 시작 부분에 있는 공백 문자 수를 결정합니다. 두 번째 내부 루프(루프 3)는 현재 반복에서 피라미드 높이만큼 * 문자를 인쇄합니다.

결론

중첩 루프는 다목적이며 자주 사용되는 매우 유용한 구조입니다.

위 내용은 JavaScript에서 중첩 for 루프를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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