웹퍼블리셔 기본 2일차 - 삼항 조건 연산자, 조건문, 배열

삼항 조건 연산자 : 세 개의 피연산자를 취할 수 있는 유일한 연산자

condition ? exprIfTrue : exprIfFalse 
// condition : 조건문으로 들어갈 표현식
// exprIfTrue : true일 때 치환될 값
// exprIfFalse : false일 때 치환될 값

let greeting = person => {
  let name = person ? person.name : `stranger`
  return `Howdy, ${name}`
}

console.log(greeting({name: `Alice`}));  // "Howdy, Alice"
console.log(greeting(null));             // "Howdy, stranger"

+ null은 false를 반환 참고

 

 

 

 

 let kor, eng, mat, total, avg;
            kor = 90;
            eng = 60;
            mat = 80;
            total = kor + eng + mat;
            avg = total / 3;

//-------------------------------------------------------------
        if (avg >= 60) {
            console.log('합격입니다.');
        } else {
            console.log('불합격입니다.');
        }
//-------------------------------------------------------------
        console.log( (avg >= 60) ? "합격!" : "불합격" );
        
//두 코드의 내용은 똑같다.

 

let light = "빨간불";

        if(light == "노란불"){
            console.log('천천히가세요.');
        }else if(light == "초록불"){
            console.log('지나가세요.');
        }else(light == "빨간불"){
            console.log('멈추세요.');
        }; //이러면 이제 오류남

+ 마지막 else에 조건문을 넣으면 실행이 안된다!!!

 

 

 

 

활용해보기

let light = prompt("신호등 색상을 입력하세요.","예)빨간불, 노란불, 초록불");

if(light == "노란불"){
    alert('천천히가세요.');
}else if(light == "초록불"){
    alert('지나가세요.');
}else if(light == "빨간불"){
    alert('멈추세요.');
}else{
    alert('바르게 입력해주세요.');
}

 

let a, b, c, d;
a = prompt("이름을 입력하세요.");
b = prompt("신장을 입력하세요.");
c = prompt("몸무게을 입력하세요.");
d = (b - 100) * 0.9; //평균 몸무게

(d - 5 < c) && (d + 5 > c) //정상 체중 범위 (범위를 이렇게 쓸수도 있음)


alert("이름:" + a + " " + "평균 몸무게:" + d);
if (c > (d + 5)) {
    alert("과체중입니다.");
} else if ((d - 5) > c) {
    alert("저체중입니다.");
} else {
    alert("정상 체중입니다.");

 

 

 

 

 

false를 반환하는 값

if(undefined){
    console.log(true);
} else {
    console.log(false);
}
//false 값을 반환함 => 0, '', null, undefined, NaN

 

 

 

배열 배우기

    let arr = []; // new array()
        arr = [70, 80, 90]; // 반드시 대괄호 사용, 값들 사이에 ','사용
        arr.push(50);
        arr[4] = 20;

    for (i = 0; i < arr.length; i++) { //조건문(괄호안의) 마지막은 ;을 붙이지 않는 듯!
        console.log(arr[i]);
    }


    let arr2, total, avg;
        arr2 = [80, 70, 90];
        total = arr[0] + arr[1] + arr[2]; // 점수의 합
        avg = total/3; // 평균

    console.log(total + "," + avg);
    if (avg >= 60) { // 평균 점수가 60 이상일 때 실행
        console.log("합격입니다.");
    } else {
        console.log("불합격입니다.");
    }

 

 

 

+

숙제 : 예제 풀어보기

<script> // 입력한 월에 따라서 계절을 알려주기
        var mon = prompt('현재는 몇월입니까?', '0'); //("입력창의 질문","입력창의 예시")
        let spring, summer, autumn, winter;

        spring = "봄입니다!";
        summer = "여름입니다!";
        autumn = "가을입니다!";
        winter = "겨울입니다!";

        if (mon >= 3 && mon <= 5) { //3월~5월
            document.write(spring); //document.write(); > 문서에 글자를 씀
        } else if (mon >= 6 && mon <= 8) { //6월~8월
            document.write(summer);
        } else if (mon >= 9 && mon <= 11) { //9월~11월
            document.write(autumn);
        } else { //나머지 > 12월~2월
            document.write(winter);
        }
    </script>

 

<script> // 아이디, 비밀번호 확인 후 실행
        let id = "2021bong"
        let pw = "12345"
        let name_id = "봉길동 " + "(" + id + ")" //이름(아이디)

        let user_id = prompt("아이디를 입력하세요."); //아이디 입력창

        if (id == user_id) { //아이디가 맞으면 실행
            let user_pw = prompt("비밀번호를 입력하세요."); //비밀번호 입력창
            if(pw == user_pw){ //비밀번호 맞으면 실행
                document.write(name_id + "님 반갑습니다!");
            } else { //비밀번호가 틀리면 실행
                alert("비밀번호가 일치하지 않습니다.");
                location.reload(); //브라우저 새로고침
        }} 
        else {  //아이디가 틀리면 실행
            alert("아이디가 일치하지 않습니다.");
            location.reload(); //브라우저 새로고침
        }
    </script>

 

예제를 풀어서 코드가 실행되니 재밌다..!