Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 자바스크립트 딥다이브
- 쏙속 들어오는 함수형코딩
- 에릭노이먼
- 쏙쏙들어오는함수형코딩
- 출처 : 코딩애플
- 출처 : https://www.boostcourse.org/
- 김영한쌤
- 로버트 C마틴
- 리엑트를 다루는 기술
- 흥달쌤
- 큰돌의 CS책
- 클린코드다시읽기
- 출처 : 코딩앙마
- 쏙쏙 들어오는 함수형 코딩
- 출처는 코딩앙마
- https://product.kyobobook.co.kr/detail/S000001952246
- 함수형 코딩
- 갈길이 멀구나
- 에릭 노이먼
- 나는 flux좋아...
- 쏙쏙 들어오는 함수형코딩
- 이웅모
- 에릭 노먼드
- 생코님Redux
- 유틸리티타입은 공식문서 자주 보자
- 출처는 코딩애플
- 고등애플
- 오종택개발자님
- 출처 : 한입크기로 잘라먹는 타입스크립트
- 출처 : 자바스크립트 딥다이브
Archives
- Today
- Total
흰둥씨의 개발장
[javascript] Truthy / Falsy 본문
//truthy
"글자가있는문자열"? console.log(true) : console.log(false);//true
[]? console.log(true) : console.log(false); //true(빈배열)
let obj = {} ? console.log(true) : console.log(false); //true(빈객체)
Infinity ? console.log(true) : console.log(false); //true
25 ? console.log(true) : console.log(false);//true
1 ? console.log(true) : console.log(false); //true
//falsy
0 ? console.log(true) : console.log(false); //false
undefined ? console.log(true) : console.log(false); //false
let empty;
empty ? console.log(true) : console.log(false); //false
null ? console.log(true) : console.log(false); //false
"" ? console.log(true) : console.log(false); //false(빈문자열)
-0 ? console.log(true) : console.log(false); //false
NaN ? console.log(true) : console.log(false); //false
조건문 쓸 때 falsy한 상황을 이용해서 not연산자와 함께 작성해보기
const getName1 = (obj) => {
return obj?.name; //대응 1. 옵셔널
}
const getName2 = (obj) => {
if(!obj){ //대응2. if문을 쓰자
//!obj는 falsy를 이용한 방법 (obj가 falsy라면 !not연산으로 true만들어줌)
//obj === undefined || obj === null의미와 같음
return undefined
}
return obj?.name;
}
let person1 = null; //name프로퍼티를 찾을수없는 상황 => 에러남
let person2 = {}; //name프로퍼티 없음 => undefined
let person3 = { name: "흰둥" }
console.log(getName1(person1),getName1(person2),getName1(person3))
console.log(getName2(person1),getName2(person2),getName2(person3))
//undefined undefined 흰둥
'[오늘의 공부] > Javascript' 카테고리의 다른 글
[javascript] Promise, async/await 가 무엇이냐! (0) | 2024.06.07 |
---|---|
[javascript] sort (0) | 2023.06.30 |
[javascript] 배열method 정리 (0) | 2023.03.02 |
[javascript] or 연산자(||), ??연산자의 차이와 ?. 로 에러 대신 undefined 반환하기 (0) | 2023.02.04 |
[javascript] 비동기로 GET하기 (0) | 2023.01.25 |