> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 조건문 및 루프

JavaScript의 조건문 및 루프

Susan Sarandon
풀어 주다: 2024-12-15 15:50:15
원래의
559명이 탐색했습니다.

Conditional Statements and Loops in JavaScript

4일차: JavaScript의 조건문 및 루프

JavaScript 학습 4일차에 오신 것을 환영합니다! 오늘은 프로그래밍의 논리와 반복의 근간을 이루는 조건문루프에 집중하겠습니다. 이 강의가 끝나면 코드에서 결정을 내리고 작업을 효율적으로 반복할 수 있게 될 것입니다.


1. 조건문

조건문을 사용하면 코드가 특정 조건에 따라 결정을 내릴 수 있습니다. JavaScript는 조건부 논리를 구현하는 여러 가지 방법을 제공합니다.

If-Else 문

if 문은 조건을 확인하고 조건이 true이면 코드를 실행합니다. else 문은 조건이 false일 때 대체 경로를 제공합니다.

구문:

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}
로그인 후 복사
로그인 후 복사

예:

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}
로그인 후 복사
로그인 후 복사

Else-If 사다리

여러 조건을 테스트하려면 else if를 사용하세요.

예:

let score = 75;
if (score >= 90) {
  console.log("Grade: A");
} else if (score >= 75) {
  console.log("Grade: B");
} else {
  console.log("Grade: C");
}
로그인 후 복사

Switch-Case 설명

switch 문은 여러 if-else 블록의 대안입니다. 단일 변수나 표현식을 기반으로 여러 조건이 있을 때 적합합니다.

구문:

switch (expression) {
  case value1:
    // Code to execute if expression === value1
    break;
  case value2:
    // Code to execute if expression === value2
    break;
  default:
    // Code to execute if no cases match
}
로그인 후 복사

예:

let day = 3;
switch (day) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  default:
    console.log("Invalid day");
}
로그인 후 복사

2. 루프

루프는 코드 블록을 여러 번 실행하는 데 사용됩니다.

For 루프

for 루프는 특정 반복 횟수만큼 실행됩니다.

구문:

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

예:

for (let i = 1; i <= 5; i++) {
  console.log("Count:", i);
}
로그인 후 복사

While 루프

조건이 참인 동안 while 루프가 실행됩니다.

구문:

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

예:

let count = 1;
while (count <= 5) {
  console.log("Count:", count);
  count++;
}
로그인 후 복사

Do-While 루프

do-while 루프는 조건을 확인하기 전에 코드가 최소한 한 번 실행되도록 합니다.

구문:

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

예:

let count = 1;
do {
  console.log("Count:", count);
  count++;
} while (count <= 5);
로그인 후 복사

3. 쉬고 계속하기

  • Break: 루프를 즉시 종료합니다.
  • 계속: 현재 반복을 건너뛰고 다음 반복으로 이동합니다.

예:

for (let i = 1; i <= 10; i++) {
  if (i === 5) break; // Stops the loop when i is 5
  console.log(i);
}

for (let i = 1; i <= 10; i++) {
  if (i === 5) continue; // Skips iteration when i is 5
  console.log(i);
}
로그인 후 복사

4. 실제 사례

비밀번호 확인

사용자의 비밀번호가 기준을 충족하는지 확인하세요.

예:

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}
로그인 후 복사
로그인 후 복사

카운터

루프를 사용하여 발생 횟수를 계산하거나 반복적인 작업을 수행합니다.

예:

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}
로그인 후 복사
로그인 후 복사

오늘의 연습

  1. if-else 문을 사용하여 숫자가 짝수인지 홀수인지 확인하는 프로그램을 작성하세요.
  2. 주어진 숫자에 대한 구구단을 인쇄하려면 for 루프를 만드세요.
  3. while 루프를 사용하여 1부터 50까지의 숫자의 합을 계산합니다.
  4. continue를 사용하여 3으로 나눌 수 있는 숫자를 건너뛰도록 for 루프를 수정합니다.

4일차 요약

오늘 우리는 다음을 배웠습니다:

  1. 조건문: if-else 및 switch-case를 사용하여 결정을 내립니다.
  2. 루프: for, while 및 do-while 루프를 사용하여 작업을 반복합니다.
  3. Break and Continue: 루프 흐름을 제어합니다.
  4. 비밀번호 확인 및 카운터와 같은 실제 사례.

다음 단계

5일차에서는 함수와 범위에 대해 자세히 알아보고 코드를 효과적으로 구성하고 재사용하는 방법에 중점을 둡니다. 2024년 12월 12일을 기대해주세요!

위 내용은 JavaScript의 조건문 및 루프의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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