반응형
개요
부정의 경우 false를 리턴하고, 긍정의 경우 true를 리턴한다.
1. 부정을 의미하는 경우
- undifined
- null
- 0
- ''
- ""
- false
- NaN
2. 긍정을 의미하는 경우
부정을 제외한 모든 것
- {}, 1, 2, [], "1234, -1등
3. ! 사용
!을 앞에 사용해 주면 bool 형태로 변환되며 부정과 긍정이 반전된다.
!!을 앞에 사용해 주면 부정의 부정으로 현재 상태 그대로 bool 형태로 변환하기 편하다.
예제
1. 부정과 긍정을 bool 형태로 출력하기
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//부정의 의미
// undifined
// null
// 0
// '', ""
// false
// NaN
console.log(!!undefined);
console.log(!!null);
console.log(!!0);
console.log(!!'');
console.log(!!false);
console.log(!undefined);
console.log(!null);
console.log(!0);
console.log(!'');
console.log(!false);
// 긍정의 의미
// 부정의 제외한 모든 것
// {}, []
</script>
</body>
</html>
출력
728x90
반응형
'웹(WEB) > 자바스크립트(JS)' 카테고리의 다른 글
| 자바스크립트 Array의 순회 메서드 (0) | 2024.08.06 |
|---|---|
| 자바스크립트 객체 지향(프로토타입, 클래스) (0) | 2024.08.05 |
| 자바스크립트 Spread, Rest (0) | 2024.08.05 |
| 자바스크립트 백틱 `` (0) | 2024.08.05 |
| 자바스크립트 화살표 함수 (0) | 2024.08.05 |