Javascript(조건문, 반복문)

2022. 11. 14. 22:40WEB개발/TIL

반응형

Javascript 조건문

: 특정 조건 만족시 실행하는 명령의 집합(조건이 참일 때 실행됨).

  • if, switch

1)  if문

javascript if문
if (조건1) {
	// 조건1이 참이라면 실행
}
-----
if (조건1) {
	// 조건1이 참이라면 실행
} else if (조건2) {
	//조건1이 참이 아니고 조건2가 참이라면 실행
} else {
	//조건1과 조건2가 모두 참이 아닐 때 실행
}
  • if문 조건 작성 방법

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