특정 조건을 걸어 참 또는 거짓 유무에 따라 코드의 분기를 생성
if(조건문1){
조건문1 참이면 해당 블록을 실행
거짓이면 해당 코드 블록을 무시하고 다음 조건식으로 넘어감
} else if(조건문2){
조건문2가 참이면 해당 블록을 실행
거짓이면 해당 코드 블록을 무시하고 다음 조건식으로 넘어감
} else {
위에 모든 조건문이 거짓이면 이곳의 코드를 실행하고 종료
}
ex) 실제 예시
function plus(num1, num2){
if(num1 === undefined || num2 === undefined){
console.error("두개 인수값을 모두 넣어주세요.")
}
if(typeof num1 !== "number" || typeof num2 !== "number"){
// 둘 중 하나라도 숫자가 아닐 경우
console.error("두개 인수 모두 숫자로 넣어주세요.")
}
const result = num1 + num2;
console.log(result);
}
실무에서 사용 빈도가 떨어진다. (if문을 우선시 한다.)
여러개의 코드블록중에서 하나를 선택해야 될 때 사용
switch(표현식){
case A:
//실행할 코드 블록
break;
case B:
//실행할 코드 블록
break;
default:
//실행할 코드 블록
}
ex) 실제 예시
switch(new Date().getDay()){
case 0:
console.log("Sunday");
break;
case 1:
console.log("Monday");
break;
case 2:
console.log("Tuesday");
break;
case 3:
console.log("Wendesday");
break;
case 4:
console.log("Thursday");
break;
case 5:
console.log("Friday");
break;
case 6:
console.log("Saturday");
break;
}
ex) Not 템플릿 리터럴
const name = "KJ";
const age = 32;
console.log("안녕하세요. 이름은 "+name+" 이고 나이는 "+age+" 입니다.");
ex) 템플릿 리터럴
const name = "KJ";
const age = 32;
console.log(`제 이름은 ${name} 이고 나이는 ${age}입니다.`);
콜백함수: 함수 호출시 인수로 함수가 들어가는 형태
const colors = ["red", "blue", "green"];
// forEach는 es5 문법 (DOM 반복 가능)
colors.forEach((el, index, arr) => {
});
// map은 es6 문법으로 반복 기능 외에도 배열을 새로운 배열로 복사가 가능하다.
// 점점 map을 많이 활용하기 시작.
colors.map((el, index. arr) => {
});