Vanilla JS # 02 (return, conditional)

0_CyberLover_0·2022년 3월 18일
0

Vanilla JS

목록 보기
2/7
post-thumbnail

Return

function 안에서 return과 추가 작업을 입력하면

return만 작업하고 추가 수행은 이뤄지지 않는다.

만약 return 앞에 기타 작업이 있다면 이 작업은 수행된다.

즉 , return 까지만 수행된다.

Conditional

prompt();  라는 함수는 사용자에게 창을 띄어 값을 받음

prompt(); 를 사용하면 답을 할 때 까지 코드의 실행을 멈추고, 

매우 오래 된 방법이다.

별로 안 이쁨

css로 바꾸지도 못함.

const age = prompt("how old are you?");

console.log(typeof age);

typeof라는 키워드를 쓰면 type을 볼수 있는데

prompt();에서 숫자를 입력해도 string이라고 뜬다.

string이 디폴트 이기 때문이다.

한 type로 받아서 다른 type로 바꾸는 작업을 해야한다.

"15" => 15 string => number  로 변환 해주는 함수 parseInt();

console.log(typeof "15", typeof parseInt("15")); => string number

이렇게 숫자로 변환이 되야 비교를 할 수 있다.

참고로 "숫자"가 아닌게 입력되면 변환이 안됨

NaN(not a number)

const age = parseInt(prompt("how old are you?"));

console.log(age);

isNaN은 무언가가 NaN인지 판별하는 방법

const age = parseInt(prompt("How old are you?"));

console.log(isNaN(age));

숫자 입력하면 false

글자 입력하면 ture

if(condition){

실행코드 = true --- 실행

실행코드 = false --- 다음 else 값 실행

} else {

}

condition은 boolean으로 판별 가능해야 한다. (true, false)

if(isNaN(age)){

console.log("please write a number");

} else {

console.log("Thank you for writing your age");

}

if(){}else if () {} else {}

if(){}else if () {}

if () {}

and operator(연산자) => &&

or operator(연산자) => ||

= value 를 할당

=== 같은지 확인

!== 같지 않음을 확인

ex:)

const age = parseInt(prompt("How old are you?"));

if (isNaN(age) || age < 0 ) {

console.log("please write a real positive number");

} else if (age < 18) {

console.log("You are too yong.");

}else if (age >= 18 && age <= 50) {

console.log("You can drink.");

} else if (age > 50 && age <= 80) {

console.log("You should exercise.");

} else if (age === 100){

console.log("wow you are wise.");

} else if (age > 80 ) {

console.log("You can do whatever you want.");

}

true || true === true

false || true === true

true || false === true

false || false === false

------------------------

true && true === true

false && true === false

true && false === false

false && false === false
profile
꿈꾸는 개발자

0개의 댓글