자바스크립트 조건문,반복문(if, else if, for) | 아무것도 모르고 시작하는 코딩

조건문은 if를 사용하는데 excel을 사용해봤다면 어렵지 않게 이해할 수 있다

 

function compareNinety(num){
	if (num > 90) {
		alert('90보다 커요!')
	} else {
		alert('90보다 작아요!')
	}
}

compareNinety(30);

 

function compareNinety(num)   →   num이라는 변수를 갖는 compareNinety라는 함수를 선언하자

if (num > 90)  →   num이라는 변수의 값이 90보다 크면

alert('90보다 커요!')  →  90보다 커요! 라는 알람이 뜨게 해라

else  →  그 이외의 상황에서는

alert('90보다 작아요!')  →  90보다 작아요! 라는 알람이 뜨게 해라

 

compareNinety(30) 결과값

 

그래서 compareNinety(30);을 콘솔창에 입력하면 위와 같이 알람이 뜬다

(콘솔창에서 한 줄 아래로 가려면 shift+enter를 누르면 된다)

 

function isAdult(person) {
	if (person['age'] > 19){
		return true;
	} else {
		return false;
	}
}

// 함수를 사용하기
let person = {'name':'Harry','age':24}
console.log(isAdult(person)); // true

 

function isAdult(person)  →   person이라는 변수를 갖는 isAdult라는 함수를 선언하자

if (person['age'] > 19){
return true;
} else {
return false;
}

→   만약 person이라는 변수에 age라는 값이 19보다 크면 true를 출력하고, 아니면 false를 출력해라

let person = {'name':'Harry','age':24}  →  {'name':'Harry','age':24}의 인수를 갖는 딕셔너리 함수를 person이라고 하자

isAdult(person)의 출력값

isAdult(person)의 값은 true가 나온다
(person['age']의 값이 24이기 때문에)

 

AND

 

// AND 조건 : 모든 조건들이 true 여야 true
// 나이가 20과 크거나 같고 30보다 작은 경우 true
function isTwenty(person) {
	if (person['age'] >= 20 && person['age'] < 30){
		return true;
	} else {
		return false;
	}
}

console.log(isNotTewnty(person));

and함수는 &&를 사용한다

 

OR

 

// OR 조건 : 조건 중 하나라도 true이면, true!
// 나이가 20보다 작거나, 30보다 크면 true
function isNotTewnty(person) {
	if (person['age'] < 20 || person['age'] >= 30){
		return true;
	} else {
		return false;
	}
}

console.log(isNotTewnty(person));

or함수는  || 를 사용한다(\위에 있는 작대기)

 

* not(!) 을 사용한 방법
if (!(person['age'] >= 20 && person['age'] < 30)){

 

조건이 여러개(if, else if, else if, else if else)

 

function checkGeneration(age) {
    if (age > 120) {
        alert('와 19세기에 태어나셨군요!')
    } else if (age >= 80) {
        alert('80세 이상! 인생은 여든부터!')
    } else if (age >= 60) {
        alert('이제 겨우 인생 절반을 넘겼네요!')
    } else {
        alert('젊으시군요! 장래희망이 뭔가요?')
    }
}

let myAge = 55;
checkGeneration(myAge);

 

조건을 더 넣고 싶다면 else if 조건을 더 추가하면 된다. 

 

반복문(for)

for문의 문법 규칙

 

for (A_시작조건; B_반복조건; D_매 반복 후에 할 일) {
	C_매 반복마다 실행될 명령어들
}


for (let i = 0; i < 100; i++) {
	console.log(i);
}

 

for (let i = 0; i < 100; i++) {
   console.log(i);
}

→   반복문 { A. i=0에서 시작;  B. i가 100보다 작으면 계속 반복;  D. 실행 후 i에 1을 더해라(i=i+1); C. i를 출력; }

A 로 초기화해서 시작 (i = 0)
-> B가 true 이면 (i < 100) ->  실행(i를 출력) -> D 실행 (i + 1, i = 1) 
-> B가 true 이면 (i < 100) -> C 실행 -> D 실행 (i = 2)
-> B가 true 이면 (i < 100) -> C 실행 -> D 실행 (i = 3) 
-> B가 true 이면 (i < 100) -> C 실행 -> D 실행 (i = 4)  
...
-> B가 true 이면 (i < 100) -> C 실행 -> D 실행 (i = 99)
-> B가 true 이면 (i < 100) -> C 실행 -> D 실행 (i = 100)  
-> B가 false이면 (i가 100보다 작지 않음!) -> (더 이상 실행하지 않고) 종료

console.log(i) 결과 값

 

위의 코드를 콘솔창에서 출력하면 0부터 99까지의 값이 출력된다.

(i 는 반복문에서 횟수를 세어 준다고 해서 '카운터 변수(counter variable)' 라고 한다)

 

for문 없이 0부터 99까지 출력하려면 아래와 같이 입력해야 한다

console.log(0)
console.log(1)
console.log(2)
console.log(3)
console.log(4)
console.log(5)
...
console.log(99)

 

코드를 최대한 간편하게 만들기 위해선 반복문을 사용하는 것이 좋다.

 

리스트와 반복문

let wizards = ['덤블도어','맥고나걸','스네이프','해리','허마이오니','론']

for (let i = 0 ; i < wizards.length ; i++) {
	console.log(wizards[i])
}

 

.length는 리스트 항목의 개수를 말한다고 했었다. 따라서 위의 코드를 해석하면

→   반복문 { A. i=0에서 시작;  B. i가 wizards 항목의 개수(6)보다 작으면 계속 반복;  D. 실행 후 i에 1을 더해라(i=i+1); C. i를 출력; }

A 로 초기화해서 시작 (i = 0) 
-> B가 true 이면 (i < 100) ->  실행(i를 출력 '덤블도어') -> D 실행 (i + 1, i = 1)  
-> B가 true 이면 (i < 100) -> C 실행('맥고나걸') -> D 실행 (i = 2) 
-> B가 true 이면 (i < 100) -> C 실행('스네이프') -> D 실행 (i = 3)  
-> B가 true 이면 (i < 100) -> C 실행('해리') -> D 실행 (i = 4)   
-> B가 true 이면 (i < 100) -> C 실행('허마이오니') -> D 실행 (i = 5) 
-> B가 true 이면 (i < 100) -> C 실행('론') -> D 실행 (i = 6)   

 

console.log(wizards[i] 출력값

 이를 콘솔창에서 출력하면 위와 같다.

 

 

딕셔너리&리스트와 반복문

 

let wizardsInfo = [
	{'name':'덤블도어', 'age':116},
	{'name':'맥고나걸', 'age':85},
	{'name':'스네이프', 'age':60},
  {'name':'해리', 'age':40},
  {'name':'허마이오니', 'age':40},
  {'name':'론', 'age':40},
]

for (let i = 0 ; i < wizardsInfo.length ; i++) {
	console.log(wizardsInfo[i]);
}

 

 

딕셔너리&리스트와 같이있는 반복문의 경우 출력시 딕셔너리 형식으로 출력이 된다

 

 

조건문과 반복문

 

let wizardsInfo = [
	{'name':'덤블도어', 'age':116},
	{'name':'맥고나걸', 'age':85},
	{'name':'스네이프', 'age':60},
        {'name':'해리', 'age':40},
 	{'name':'허마이오니', 'age':40},
 	{'name':'론', 'age':40},
]


for (let i = 0 ; i < wizardsInfo.length ; i++) {
	if (wizardsInfo[i]['age'] < 70) {
		console.log(wizardsInfo[i]['name']);
	}
}

 

70세 미만인 마법사만 출력

 

위처럼 조건을 붙여서 출력을 할 수도 있다
(wizardsInfo의 출력값 중 age의 값이 70미만이면 name을 출력해라)

 

공감 부탁 드려요 :)