JavaScript에서 for 루프 문을 사용하는 방법-JS 튜토리얼-php.cn

JavaScript에서 for 루프 문을 사용하는 방법

不言

풀어 주다： 2018-12-21 09:09:24

원래의

5545명이 탐색했습니다.

JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법의 루프 문에는 for 루프 문과 while 루프 문이 포함됩니다. 다음 글에서는 JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법의 for 루프 문 사용법을 소개합니다.

JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법

for 루프문과 while 루프문의 차이점을 간단히 살펴보겠습니다

간단히 말하면 for 루프문과 while 루프문의 주요 차이점은 루프의 개수가 고정되면 for 루프를 사용하고, when 루프 개수가 고정되어 있지 않은 경우 while 루프를 사용합니다.

JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법

for 루프 문의 구문

for（初始值;条件表达式;增加/减少表达式）{ 
　　循环处理
}

로그인 후 복사

을 살펴보겠습니다. for 루프 문의 구체적인 예를 살펴보겠습니다

코드는 다음과 같습니다. 변수는 i

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법</title>
</head>
<body>
<script>
for (var i = 0; i < 10; i++) {
document.write (i);
}
</script>
</body>
</html>

로그인 후 복사

로 지정합니다. 먼저 초기값이지만 i라는 변수를 선언하고 값 0을 할당합니다. 이것이 초기 루프 프로세스입니다.

다음으로, 조건식에서 i <10은 i의 값이 10보다 작은 동안 처리를 한다는 뜻입니다.

마지막 증가/감소 표현식 i++는 실행될 때마다 i의 값이 1씩 증가한다는 의미입니다.

그런 다음 document.write를 사용하여 문서 처리 시 실행할 루프 프로세스를 지정합니다.

브라우저로 출력할 때... 0~9까지의 값을 출력합니다.

JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법

배열에서 for 루프 사용

for 문의 구문은 배열을 사용하여 프로그램을 작성할 때 자주 사용됩니다.

예를 들어보겠습니다.

list라는 이름의 배열 상자에 Tom, Jerry, Holly의 세 가지 값을 넣습니다.

var list = [“Tom”，“Jerry”，“Holly”];

로그인 후 복사

for 문을 사용하여 이러한 값을 하나씩 처리합니다.

먼저 var i = 0을 초기값으로 지정하세요. 변수 i의 값이 배열 요소 수를 초과하지 않는 한 i를 반복합니다. 루프를 돌 때마다 i는 1씩 증가합니다.

마지막으로 document.write를 사용하여 요소를 호출합니다.

for (var i = 0; i < list.length; i++){
document.write (list[i]);
}

로그인 후 복사

(배열의 길이는 length 속성을 통해 알 수 있습니다.)

변수 i는 배열 요소의 첨자입니다. 따라서 0부터 요소 수까지의 개수 형식을 취하고 각 요소(Tom, Jerry, Holly)에 액세스합니다.

다음 프로그램을 실행해 보겠습니다

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법</title>
</head>
<body>
<script>
var list = ["Tom","Jerry","Holly"];
for (var i = 0; i < list.length; i++) {
document.write (list[i]);
}
</script>
</body>
</html>

로그인 후 복사

결과는 다음과 같습니다

JavaScript에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법에서 for 루프 문을 사용하는 방법

이렇게 하면 인덱스 0,1,2의 요소가 하나씩 접근되어 출력되는 것을 볼 수 있습니다.

마지막으로 jump 문을 살펴보겠습니다. break 및 continue

Jump 문은 현재 프로세스를 중단하고 다른 표준 프로세스로 전송할 때 사용되는 구문입니다.

주로 루프 프로세스에 사용되며 for문과 while문에도 사용할 수 있습니다.

break 문 - 루프 프로세스를 즉시 종료합니다.

continue 문 - 실행 중인 루프 프로세스를 중단하고 다음 루프 프로세스를 계속합니다.

for 문을 사용하여 break와 continue를 설명하겠습니다.

<script>
for (var i = 0; i < 10; i++) {
document.write (i * 10);
}
</script>

로그인 후 복사

break 문

break 문에서 i가 5에 도달하면 루프 프로세스가 종료되고 더 이상 실행되지 않습니다.

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
break;
}
document.write (i * 10);
}
</script>

로그인 후 복사

i가 4가 될 때까지만 실행되기 때문에 40이 되면 프로세스가 종료됩니다.

JavaScript에서 for 루프 문을 사용하는 방법

continue 문

반면, continue를 실행하면 루프를 건너뛰고 i가 5일 때만 실행이 계속됩니다.

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
continue;
}
document.write (i * 10);
}
</script>

로그인 후 복사

실행 결과는 다음과 같습니다

JavaScript에서 for 루프 문을 사용하는 방법

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

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

JavaScript에서 for 루프 문을 사용하는 방법