Javascript(조건문, 반복문)
2022. 11. 14. 22:40ㆍWEB개발/TIL
반응형
Javascript 조건문
: 특정 조건 만족시 실행하는 명령의 집합(조건이 참일 때 실행됨).
- if, switch
1) if문
javascript if문
if (조건1) {
// 조건1이 참이라면 실행
}
-----
if (조건1) {
// 조건1이 참이라면 실행
} else if (조건2) {
//조건1이 참이 아니고 조건2가 참이라면 실행
} else {
//조건1과 조건2가 모두 참이 아닐 때 실행
}
- if문 조건 작성 방법
2) switch문
Javascript 반복문
: 똑같은 명령을 일정 횟수만큼 반복해 수행하도록 하는 실행문
- for(for~in), while(do~while)
- 중첩 가능함
1) for문
* Javascript for문
for (초기문;조건문;증감문(추가동작부분)) {
//명령문
}
초기문: for문이 시작할 때 가장 먼저 딱 한번만 실행
조건문: 조건이 true일 때 명령문 동작(false일 경우 동작을 멈춤)
증감문(추가동작부분): 명령문이 동작한 후의 다음 동작을 작성
---
var sum = 0;
for (var i = 1; i <=2; i++) {
console.log(i+"입니다.")
}
- 초기문(;(세미콜론)은 생략불가), 증감문은 필수적으로 채우지 않아도 됨
var i = 1;
var sum = 0;
for (;i<=5;) {
sum = sum + i;
i++;
}
console.log(sum+"!");
2) while문
* Javascript while문
while(조건문) {
//조건문이 참인 경우 반복적으로 실행하는 명령문
}
var j = 1;
var sum = 0;
while (j<=5) {
sum = sum + j;
j++;
}
console.log(sum+"!")
- while문의 경우 명령문에서 조건문의 결과를 바꾸지 않으면 무한 루프에 빠질 수 있음
- for문의 초기문에 쓰이는 변수는 지역변수(let으로 할당할 경우-참고 확인!), while문에 쓰이는 변수는 전역변수
- 전역변수의 장점: 반복문 실행 후 변수를 반복문 밖에서도 사용 가능
- 증감연산자
증감연산자 | |
i++ | i = i + 1(값이 1씩 증가) |
i-- | i = i - 1(값이 1씩 감소) |
변수 참고!
함수 레벨 스코프: var 변수는 함수 내부에 선언된 변수만 지역 변수로 인정
function hello() {
var m = 5;
console.log(m);
}
hello(); // 5
console.log(m); // m is not defined,
// ▲함수 외부이기 때문에 함수 내부에 선언된 지역변수인 m 참조 불가
블록 레벨 스코프: let, const 변수는 블록 내부에서 선언된 변수까지도 지역변수로 인정
# 블록이란?
: if문, for문 등 {}(중괄호)로 둘러쌓인 코드 영역을 말함
var sum = 0;(전역변수)
for (let k = 1(지역변수); k <=2; k++) {
console.log(k+"입니다.")
}
console.log(k+"입니다."); //k is not defined
//▲ k는 지역변수이기 때문에 for문 밖에 사용하면 오류가 발생
반응형
'WEB개발 > TIL' 카테고리의 다른 글
Javascript DOM (0) | 2022.11.15 |
---|---|
Javascript(자료형-object) (1) | 2022.11.14 |
Javascript(변수, 자료형, 연산자, 함수) (0) | 2022.11.14 |
CSS 속성(display, animation) (0) | 2022.11.14 |
CSS 속성(transform, transform-origin) (0) | 2022.11.14 |