> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 루프에 대한 종합 가이드

JavaScript의 루프에 대한 종합 가이드

Mary-Kate Olsen
풀어 주다: 2024-12-24 22:36:16
원래의
900명이 탐색했습니다.

Comprehensive Guide to Loops in JavaScript

### JavaScript의 루프

예제를 포함한 JavaScript 루프에 대한 포괄적인 가이드는 다음과 같습니다.


### **1. For 루프**
for 루프는 수행해야 하는 반복 횟수를 정확히 알 때 이상적입니다.

#### **구문:**

for (initialization; condition; increment/decrement) {
  // Code to execute
}
로그인 후 복사
로그인 후 복사

#### **예:**

for (let i = 1; i <= 5; i++) {
  console.log(`Iteration: ${i}`);
}
로그인 후 복사
로그인 후 복사

***설명:*

  • let i = 1은 루프 변수 i를 초기화합니다.
  • i <= 5는 각 반복 전에 조건이 참인지 확인합니다.
  • i는 루프가 실행될 때마다 i를 증가시킵니다.

### **2. While 루프**
while 루프는 반복 횟수가 미리 정해져 있지 않고 조건에 따라 달라질 때 사용됩니다.

#### **구문:**

while (condition) {
  // Code to execute
}
로그인 후 복사
로그인 후 복사

#### **예:**

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}
로그인 후 복사
로그인 후 복사

***설명:*

  • count < 5가 맞습니다.
  • 루프 내부에서는 반복할 때마다 count 값이 증가합니다.

### **3. Do-While 루프**
do-while 루프는 조건이 거짓이더라도 코드 블록이 최소한 한 번 실행되도록 보장합니다.

#### **구문:**

do {
  // Code to execute
} while (condition);
로그인 후 복사
로그인 후 복사

#### **예:**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);
로그인 후 복사
로그인 후 복사

***설명:*

  • 루프 본문이 먼저 실행되어 숫자를 인쇄합니다.
  • 조건 번호 < 이후에 3을 확인하여 루프를 계속할지 결정합니다.

### **4. For-In 루프**
for-in 루프는 객체의 속성을 반복하는 데 사용됩니다.

#### **구문:**

for (key in object) {
  // Code to execute
}
로그인 후 복사
로그인 후 복사

#### **예:**

const person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}
로그인 후 복사
로그인 후 복사

***출력:*

name: John
age: 30
city: New York
로그인 후 복사

***설명:*

  • 키에는 속성 이름이 들어 있습니다.
  • person[key]는 해당 값에 접근합니다.

### **5. For-Of 루프**
for-of 루프는 배열, 문자열, 맵 또는 세트와 같은 반복 가능한 객체를 반복하는 데 사용됩니다.

#### **구문:**

for (variable of iterable) {
  // Code to execute
}
로그인 후 복사

#### **예:**

const fruits = ["Apple", "Banana", "Cherry"];
for (let fruit of fruits) {
  console.log(fruit);
}
로그인 후 복사

***출력:*

Apple
Banana
Cherry
로그인 후 복사

***설명:*

  • 과일은 배열의 각 요소를 순서대로 가져옵니다.

### **6. 루프에서 벗어나기**
루프를 조기에 종료하려면 break 문을 사용하세요.

#### **예:**

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i);
}
로그인 후 복사

***출력:*

for (initialization; condition; increment/decrement) {
  // Code to execute
}
로그인 후 복사
로그인 후 복사

### **7. 반복 건너뛰기**
현재 반복을 건너뛰려면 continue 문을 사용하세요.

#### **예:**

for (let i = 1; i <= 5; i++) {
  console.log(`Iteration: ${i}`);
}
로그인 후 복사
로그인 후 복사

***출력:*

while (condition) {
  // Code to execute
}
로그인 후 복사
로그인 후 복사

### **8. 중첩 루프**
다차원 반복을 위해 루프를 서로 중첩할 수 있습니다.

:

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}
로그인 후 복사
로그인 후 복사

***출력:*

do {
  // Code to execute
} while (condition);
로그인 후 복사
로그인 후 복사

### **9. 무한 루프**
결코 거짓으로 평가되지 않는 조건을 가진 루프에 주의하세요.

#### **예:**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);
로그인 후 복사
로그인 후 복사

참고: 중단 메커니즘이 없는 한 이러한 루프를 피하세요.


### **10. 배열 반복**
for 및 for-of 루프는 일반적으로 배열과 함께 사용됩니다.

#### **예:**

for (key in object) {
  // Code to execute
}
로그인 후 복사
로그인 후 복사

### **11. 문자열 반복**
for-of 루프는 문자열의 문자를 반복하는 데에도 유용합니다.

:

const person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}
로그인 후 복사
로그인 후 복사

이러한 루프 유형을 효과적으로 이해하고 적용하면 JavaScript에서 반복적인 작업과 데이터 구조를 효율적으로 처리할 수 있습니다. 특정 유형에 대한 설명이 필요하면 알려주세요!

안녕하세요. 저는 Abhay Singh Kathayat입니다!
저는 프론트엔드와 백엔드 기술 모두에 대한 전문 지식을 갖춘 풀스택 개발자입니다. 저는 효율적이고 확장 가능하며 사용자 친화적인 애플리케이션을 구축하기 위해 다양한 프로그래밍 언어와 프레임워크를 사용하여 작업합니다.
제 비즈니스 이메일(kaashshorts28@gmail.com)로 언제든지 연락주세요.

위 내용은 JavaScript의 루프에 대한 종합 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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