22.04.26 조건문,반복문, 즉시 실행함수, 타이머함수를 알아보자

조건문

if문과 switch 문을 비교해보자

먼저 if문

if (a === 0) {
 	console.log('a is 0')
 } else if (a === 2) {
 	console.log('a is 2')
 } else if (a === 4) {
	console.log('a is 4')
 } else {
 	console.log('rest....')
 }

switch문
switch 문은 각 케이스별 끝날때마다 break를 넣어주는게 중요하다!
마지막은 else 대신 default로 끝내주기

 switch (a) {
 	case 0:
		console.log('a is 0')
 		break
 	case 2:
 		console.log('a is 2')
 		break
 	case 4:
 		console.log('a is 4')
 		break
 	default:
 }

---

반복문 (for statement)

ex) i를 0부터 시작하여 5보다 작을때까지 반복하여 찍어낸것을
1을 더하여 li 변수에 담아내고 ulEl 변수 안에 삽입하기.

///for (시작조건; 종료조건; 변화조건){}

const ulEl = document.querySelector('ul');

 for (let i = 0; i < 5; i += 1) {
 	const li = document.createElement('li');
 	li.textContent = `list-${i + 1}`
 	ulEl.appendChild(li);
   
   //결과
   <ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
   </ul>
    
   

---

타이머 함수

setTimeout(함수, 시간): 일정 시간 후 함수 실행
setInterval(함수, 시간):시간 간격마다 함수 실행
clearTimeout(); 설정된 Timeout 함수를종료
clearInterval(); 설정된 Interval 함수를 종료

ex)
3초에 한번씩 beomhak! 을 콘솔에 찍어주기

const timer = setInterval( () => {
	console.log('beomhak!')
}, 3000);

타이머 끝내기

clearInterval(timer);