>  기사  >  웹 프론트엔드  >  JavaScript에서 for 루프 문을 사용하는 방법

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

不言
不言원래의
2018-12-17 15:38:105536검색

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

마지막 증가/감소 표현식 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.