헤르메스 LIFE

자바스크립트 (JavaScript) 느낌표 두개 (Double Exclamation Marks) 연산자 (Operator), !! 본문

JSP&JavaScript&HTML

자바스크립트 (JavaScript) 느낌표 두개 (Double Exclamation Marks) 연산자 (Operator), !!

헤르메스의날개 2015. 1. 23. 16:53
728x90
정리하자면 느낌표 두개(!!) 연산자는 확실한 논리결과를 가지기 위해 사용합니다.
예를 들어 정의되지 않은 변수 undefined 값을 가진 내용의 논리 연산 시에도 확실한 true / false를 가지도록 하는게 목적입니다.

테스트를 해보니 감이 확실히 오네요~


  var a;
  console.log("a    :: " + (a));
  console.log("!a   :: " + (!a));
  console.log("!!a  :: " + (!!a));
  
  var b = true;
  console.log("b    :: " + (b));
  console.log("!b   :: " + (!b));
  console.log("!!b  :: " + (!!b));

  var c = null;
  console.log("c    :: " + (c));
  console.log("!c   :: " + (!c));
  console.log("!!c  :: " + (!!c));

====================================================

결과

a    :: undefined
!a   :: true
!!a  :: false

b    :: true
!b   :: false
!!b  :: true

c    :: null
!c   :: true
!!c  :: false

출처 : http://shaveling.tistory.com/category/javascript
http://devday.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-JavaScript-%EB%8A%90%EB%82%8C%ED%91%9C-%EB%91%90%EA%B0%9C-Double-Exclamation-Marks-%EC%97%B0%EC%82%B0%EC%9E%90-Operator

javascript 에서 '!!' 를 사용하지 않는것 같다.

나도 얼마전에 알게된 명령(?) 이다.

우선 정의를 하면

쓰는 방법  : !!data
결과 형태 : boolean
앞에 느낌표 두개를 붙여준다.

data에 따른 결과를 확인해 보자

[undefined, "", 0] 일 경우 결과는 false
그 외에 결과는 모두 true 이다 

예제 코드]

var data = 0;
alert(!!data);

로 확인해 볼수 있다.

가장 흔히 적용 할수 있는 예제

적용 전]
var data = "1";
if(data != undefined && data != "")
{
//실행 함수
}

적용 후]
var data = "1";
if(!!data)
{
//실행 함수
}

//설명 !!data 가 true 이므로 동일한 프로세스로 작동
//참고 !!!data의 결과값은? false => 앞에 "!"(not) 붙었으니까..ㅎㅎ

추가: 문자열 "0"은 리턴 값이 true 나옴~

자바스크립트 내에서 느낌표 두개 연산자가 사용된 것을 볼 수 있다.

!는 부정 (Negation)이란 것은 알겠는데

!!는 이중 부정이니 긍정인데 도대체 뭘하는 것일까?

의미없는 오퍼레이션인가?

이는 Boolean으로 형 변환 (Type Conversion)을 위해 사용한다.

가령 0을 false로, 1을 true로 만들어줄 때에 사용할 수 있겠다.

!!가 익숙하지 않아서 그런지 개인적으로는 명시적으로 값을 비교하는 방향이 좋을 듯한데

나중에 익숙해지면 또 마음이 바뀔지는 모르겠다.




728x90