JavaScript에서 '!!' (부정이 아닌 부정) 연산자는 무엇인가요?

나는 인식하지 못하는 연산자를 사용하는 코드를 보았습니다. 이 연산자는 두 개의 느낌표로 이루어져 있으며 다음과 같이 사용되었습니다: !!. 이 연산자가 어떤 역할을 하는지 알려주실 수 있는 분이 계신가요?

나는 이를 보았던 맥락은 다음과 같았습니다.

this.vertical = vertical !== undefined ? !!vertical : this.vertical;

답변 1

이것은 Object를 boolean으로 변환합니다. 만약 이것이 거짓인 경우 (예: 0, null, undefined 등), false이 되고, 그렇지 않으면 true이 됩니다.

!객체 // 부정된 부울 값
!!객체 // 비부정된 부울 값, 따라서 true 부울 표현

그래서 !!는 연산자가 아니라, 그냥 ! 연산자가 두 번인 것입니다.

더 단순하게 할 수도 있습니다:

Boolean(객체) // 부울 값

실제 예시 IE 버전 테스트:

const isIE8 = !!navigator.userAgent.match(/MSIE 8.0/);
console.log(isIE8); // true 또는 false를 반환합니다.

만약 ⇒

console.log(navigator.userAgent.match(/MSIE 8.0/));
// 배열 또는 null을 반환합니다.

하지만 만약 ⇒

console.log(!!navigator.userAgent.match(/MSIE 8.0/));
// true 또는 false를 반환합니다.

답변 2

JavaScript에서 '!!' (not not) 연산자란 무엇인가요? 이 주제에 대해 SEO를 고려한 한국어 글을 작성해주세요.
자바스크립트에서 '!!'는 not not 연산자로 알려져 있습니다. 이 연산자는 값을 불리언(참 또는 거짓)으로 변환하는 데 사용됩니다.
이 연산자는 다음과 같이 작동합니다. 첫 번째 부정 부호 '!'는 값을 반대로 변경합니다. 즉, 참이면 거짓으로, 거짓이면 참으로 바꿉니다. 그리고 그 다음 부정 부호 '!'를 한 번 더 사용하여 값을 다시 반대로 변경합니다. 이렇게 하면 최종적으로 원래 값과 동일한 불리언 값을 얻게 됩니다.
예를 들어, 변수 'x'가 0이 아니면 'true'로, 0이면 'false'로 변환하려고 할 때 '!!x'라는 표현을 사용할 수 있습니다. 'x'가 0일 경우, 첫 번째 '!'는 'x'의 값을 'true'로 변경하고, 두 번째 '!'는 다시 'true'를 'false'로 변경하므로 최종 결과는 'false'가 됩니다. 반면에, 'x'가 1이라면 첫 번째 '!'는 'x'의 값을 'false'로 변경하고, 두 번째 '!'는 'false'를 'true'로 변경하므로 최종 결과는 'true'가 됩니다.
'!!' 연산자는 주로 조건문에서 변수가 참인지 거짓인지 확인할 때 사용됩니다. 또한 값을 강제로 불리언 타입으로 변환하고 싶을 때도 유용합니다. 이 연산자를 사용하면 편리하게 값의 불리언 상태를 검사할 수 있습니다.
이제, '!!' 연산자를 사용하여 값의 불리언 타입을 변경하고 확인하는 방법에 대해 알게 되었습니다. 자바스크립트에서 '!!' 연산자는 코드를 간결하게 만들어주고 읽기 쉽게 해주는 유용한 도구입니다.