일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 프론트엔드
- javascript opreators
- 자바스크립트 dom 문법
- HTML
- 자바스크립트 onclick
- 자바스크립트 scope
- 자바스크립트 innerhtml
- javascript opreator
- front-end
- 자바스크립트 dom의 목적
- css display
- css 포지션
- 오블완
- html 코드
- javascript
- 자바스크립트 연산자
- 자바스크립트 스코프
- css3
- css position
- 자바스크립트 생성자 함수
- 웹 개발 트렌드
- 자바스크립트 상속
- 자바스크립트 반복문
- 자바스크립트
- CSS
- 티스토리챌린지
- 자바스크립트 클래스
- 자바스크립트 innertext
- 자바스크립트 실행 컨텍스트
- html 주석
- Today
- Total
Multi Developer SuHo
[자바스크립트 문법 ] 조건문(if else~if문 ), 반복문 (for문) 본문
안녕하세요~ 이번에는 자바스크립트에서 중요하고 다른 언어에서도 사용되는 문법인 조건문과 반복문에 대해 알아보겠습니다.
목차
1. 조건문
1-1. 조건문의 종류
1-2. if 문
1-3. if~else 문
1-4. if else~if else문
------------------------------
2. 반복문
2-1 반복문의 종류
2-2 for 문
서론
이번에는 조건문과 반복문에 대해 알아보겠습니다. 조건문과 반복문을 처음 들었을 때는 짐작이 가시나요? 조건을 이용한 코드? 반복하는 코드? 이렇게 해석하실 수 있습니다. 맞습니다. 조건문은 특정 조건을 실행하여 참과 거짓을 구별하여 실행하는 코드입니다. 그럼 반복문은 이렇게 해석이 되겠죠? "특정 코드를 여러 번 반복해서 실행하는 코드" 그럼 조건문과 반복문에 대한 이해를 높이기 위해 본론으로 들어가시죠
본론
1. 조건문이란?
조건문은 특정 조건이 참인지 거짓인지에 따라 코드의 실행을 결정하는 문장입니다. 예를 들어 "만약 ~라면, ~을 해라"와 같은 문장과 비슷합니다.
1-1. 조건문의 종류
- if 문 : 가장 기본적인 조건문으로, 주어진 조건이 참일 때만 코드 블록이 실행됩니다.
- if else~if else문: 여러 개의 조건을 순차적으로 검사하고, 첫 번째로 참인 조건에 해당하는 코드 블록만 실행합니다.
- if~else 문 : 조건이 참일 때와 거짓일 때 각각 다른 코드를 실행합니다.
- switch문: 특정 값과 일치하는 case 문을 찾아 해당 코드 블록을 실행합니다.
이렇게 조건문에는 다양한 조건문들을 통해 참과 거짓을 판별하여 해당 코드 블록을 실행합니다. 여기서 알아볼 조건문은 if 문 , if~else 문입니다.
1-2. if문
가장 기본적인 조건문으로, 주어진 조건이 참일 때만 코드 블록이 실행됩니다.
if문을 사용한 예시 코드입니다.
let age = 20;
if( age >= 19){
console.log("성인 입니다.")
}
만약 age의 값이 19보다 크거나 같으면 "성인입니다"가 출력되도록 해당 조건을 실행합니다.
1-3. if~else
조건이 참일 때와 거짓일 때 각각 다른 코드를 실행합니다.
let isRain = true
if(isRain){
console.log("우산을 챙기세요")
} else {
console.log("우산이 필요 없습니다")
}
만약 isRain 이면 "우산을 챙기세요"를 출력하고 그렇지 않으면 "우산이 필요 없습니다" 가 출력됩니다.
1-4. if else~if else 문
여러 개의 조건을 순차적으로 검사하고, 첫 번째로 참인 조건에 해당하는 코드 블록만 실행합니다.
if else~if else 문 예시 코드입니다.
let score = 85;
if (score >= 90) {
console.log("A+");
} else if (score >= 80) {
console.log("B+");
} else if (score >= 70) {
console.log("C+");
} else {
console.log("F학점입니다")
}
if 문에서는 점수가 90점 이상이면 'A+' 학점을 부여합니다. 첫 번째 else if 조건문에서는 첫 번째 조건이 거짓일 경우, 점수가 80점 이상인지 확인하고 'B+' 학점을 부여합니다. 두번 째 else if 조건문에서는 두 번째 조건도 거짓일 경우, 점수가 70점 이상인지 확인하고 'C+' 학점을 부여합니다. else 문에서는 모든 조건이 거짓일 경우 (즉, 70점 미만일 경우) 'F학점'을 출력되도록 되어있습니다.
그럼 다음 반복문으로 넘어가겠습니다.
2. 반복문
반복문이란?
특정 코드를 반복해서 실행하고 싶을 때 사용하는 문법입니다. "마치 어떠한 동작을 반복하세요" 하는 것처럼 해당 코드를 반복적으로 실행하는 코드입니다.
2-1. 반복문의 종류
- for 문 : 가장 일반적으로 사용되는 반복문으로, 반복 횟수가 정해져 있을 때 사용합니다.
- while 문: 조건이 참인 동안 계속 반복합니다.
- do~while 문 : 최소 한 번은 실행하고, 조건이 참인 동안 계속 반복합니다.
이 반복문 중에서 알아볼 반복문은 for문 입니다. 대표적으로 반복문에서 자주 사용됩니다.
2-2. for문
for 문 코드 기본 구조
[for 예약어] (초기화; 조건식; 증감식;) {
// 스코프 영역 코드 작성 영역
}
초기화: 반복이 시작될 때 한 번만 실행되는 코드
조건: 매 반복마다 검사되는 조건, 조건이 거짓이 되면 반복 종료
증감식: 매 반복마다 실행되는 코드
for문 을 사용하여 2단~9단까지 구구단을 반복하는 예시 코드입니다
// 구구단 2단~9단
for (let i = 2; i <= 9; i++) {
for (let j = 1; j <= 9; j++) {
console.log(i + " x " + j + " = " + (i * j));
}
}
이상입니다. 다음에는 논리연산자와 while 문에 대해 알아보겠습니다. 감사합니다
'자바스크립트 기록' 카테고리의 다른 글
[자바스크립트] 스코프란? 🔭 (전역 스코프 , 지역 스코프) (0) | 2025.01.12 |
---|---|
[ 자바스크립트 문법 ] 논리연산자 , 반복문 (while 문) (0) | 2025.01.11 |
[ 자바스크립트 ]연산자(operator) 이항 산술 연산자, 단항 산술연산자, 전위 연산자, 후위 연산자 (0) | 2025.01.09 |
[자바스크립트] 자료형(Data type)의 종류와 원시타입의 종류 (0) | 2025.01.08 |
[자바스크립트 문법] 자바스크립트 변수, 변수 선언 및 사용 (0) | 2025.01.08 |