FE

SEB_4_조건문 본문

SEB_FE

SEB_4_조건문

zizonemoi 2022. 6. 27. 18:04

[조건문]

반드시 비교연산자 필요

비교의 결과는 Boolean으로 나옴

 

if(조건1){
 조건1 true시 실행될 코드
}else if(조건2){
 조건1 false && 조건2 true시 실행될 코드
}else{
 조건1과 조건2 모두 false 시 실행될 코드
}

함수에 적용하면 이렇게도 가능하다

function 변수이름(매개변수){
if(조건1){
 조건1 true일 시 실행 
}
return 리턴할 값 
} // 조건1이 false일때는 return 값으로 나오게 할 수 있다.

 

[비교연산자]

=== //같다
!== //다르다
> // 초과
< // 미만
>= // 이상
<= // 이하

 

[논리연산자]

&& // AND연산자 &&로 묶인 조건들이 모두 true일때만 true
|| // OR연산자 ||로 묶인 조건들 중 하나만 true여도 true
! // NOT연산자 Boolean 값의 반대값 예) !true > false, !false > true

NOT연산자 사용시 

!NaN // true 이때 undefined는 falsy한 값
!'HI' // false 이때 'HI'는 truty한 값

falsy한 값은 6가지로 외워두기!!

 1. false

 2. null

 3. 0

 4. undefined

 5. ''

 6. NaN

 

[산술연산자]

+ //더하기
- //빼기
num1 / num2 // 나누기 밑까지 주석처리 되길래
* // 곱하기
% // 나머지
** // 제곱

[Math object]

Math.pow(num1,num2) //num1에 num2제곱

[Template literals]

`` // 백틱 backtick
${} // 플레이스 홀더
`${표현식}`
`${변수}`

쓰는 이유 : 줄바꿈하기 유용, 내장된 표현식 사용가능

[TIL]

조건문, falsy, truty, 비교연산자, 논리연산자, Math 객체, template literals

Math객체에 대해서 더 알고싶고, 조건문을 간결하고 보기 좋게 작성할 수 있도록 조건 설계를 좀 더 생각해봐야겠다.

특히 모두에 해당되는 값이나 조건을 통해 거를 수 있는 값이 다수일 경우(조건에 해당하는 값이 적을경우)를 우선 순위로 둬야 좀 더 깔끔해지는 것 같다.

if else if else문에서 조건에서 처음 true가 실행되면 값을 반환하고 멈추는 것 같다

논리연산자 작성시 우선순위

! > && > ||

'SEB_FE' 카테고리의 다른 글

SEB_7_HTML기초  (0) 2022.06.29
SEB_5_문자열(보충하기)  (0) 2022.06.28
SEB_3_function  (0) 2022.06.26
SEB_2_type  (0) 2022.06.24
SEB_1  (0) 2022.06.23
Comments