Javascript - 조건문(conditional), if와 else

조혜령·2021년 11월 16일
0

Javascript

목록 보기
8/19

true인지 false인지 알려주기 때문에 아주 중요하다.
function은 내부에서 외부로 실행된다.

prompt는 사용자에게 창을 띄울 수 있게 해주고 css 적용 못해서 잘 쓰이지 않는다.

일단, 자바스크립트의 type을 알기 위해서는 typeof를 적어줘야한다.
위 코드처럼 항상 string type임을 알 수 있다.
string type을 number type으로 바꾸려면??

이렇게 parseInt를 이용하여 string을 number로 바꿀 수 있다.



이렇게 간략히 사용도 당연히 가능한데, console 창을 보면 두 값의 색이 다르다. 이는 첫번째 값은 string, 두번째 값은 number(parseInt에 의해)라서 다른 것이다.



이처럼 parseInt에 의해 값이 NaN으로 나타났다. not a number이라는 뜻이다. --> 사용자가 숫자를 입력했는지 아닌지 알 수 있다.

내부에서 먼저 작동하는 prompt function과 그 값을 외부에서 작동해주는 parseInt function을 같이 쓴 코드이다.

isNaN 함수

isNaN 함수는 boolean을 반환한다.
(boolean은 true or false로 나타나는 형태를 가진다.)
위 코드에서는 number을 적어주었고, 이를 NaN이 아니다. 즉, number라는 것을 console에 나타나진 것이다.

if

if(condition) {
	condition--->true일 때 나타날 함수
} else {
	condition--->false일 때 나타날 함수
}

condition은 '조건'이라는 뜻이며 이는boolean으로 판별이 가능해야한다.
else는 없어도 된다. 참일 때만 함수가 작동되고 참이 아니면 아무것도 안 한다는 뜻이라서!!


이렇게 사용할 수 있다. number를 기입하면 아무것도 뜨지 않는다.

else

else는 거짓일 때 적용될 함수

else if

else if는 else와 if를 합친 느낌이다.


조건을 하나 더 주어지게 할 수 있다.
else if 는 if가 false여야하고, else는 if와 else if 둘 다 false여야한다.

else if (조건 && 조건)

이를 AND operator(연산자)라고 한다.
해당 조건들 중 하나라도 false면 false인 것이고 다 true면 true이다.

else if (조건 || 조건)

이를 or operator(연산자)라고 한다.
해당 조건 중 하나만 true여도 true이다.

위에서 아래로 읽히는 Javascript


age를 100세로 기입 시 나타날 값을 정해주려면, 80 이상일 때의 else if를 밑으로 옮겨줘야한다.
100은 80의 이상이기 때문에 11번째 코드와 13번째 코드의 위치가 바뀌면 값은 80 이상일 때 나타날 You can do whatever you want로 나타나기 때문!

=, !==, ===의 차이

=

은 value이다 라는 뜻이다.

!==

age !== 100이라면, age가 100이 아니라면?을 확인하는 것이다.
!== 뒤에 오는 값이 아닌지 체크하는 것!

===

===은 age가 100이라면? 으로 확인하는 것이다.
즉 age가 100인가?라는 의미!

profile
HR velog

0개의 댓글