[FC] JavaScript Day-5

cptkuk91·2022년 1월 27일
0

FC

목록 보기
5/18

조건문 (if)

특정 조건을 걸어 참 또는 거짓 유무에 따라 코드의 분기를 생성

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);
}

조건문 (switch 문)

실무에서 사용 빈도가 떨어진다. (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}입니다.`);

forEach, Map (배열 전용 내장함수)

콜백함수: 함수 호출시 인수로 함수가 들어가는 형태

const colors = ["red", "blue", "green"];


// forEach는 es5 문법 (DOM 반복 가능)
colors.forEach((el, index, arr) => {
	
});

// map은 es6 문법으로 반복 기능 외에도 배열을 새로운 배열로 복사가 가능하다.
// 점점 map을 많이 활용하기 시작.
colors.map((el, index. arr) => {
	
});

profile
메일은 매일 확인하고 있습니다. 궁금하신 부분이나 틀린 부분에 대한 지적사항이 있으시다면 언제든 편하게 연락 부탁드려요 :)

0개의 댓글