JavaScript에서 정의되지 않거나 null 변수를 확인하는 방법은 무엇입니까?

JavaScript 코드에서 다음 코드 패턴을 자주 사용하고 있습니다

if (typeof(some_variable) != 'undefined' && some_variable != null)
{
    // Do something with some_variable
}

같은 효과를주는 덜 장황한 검사 방법이 있습니까?

일부 포럼 및 문헌에 따르면 단순히 다음과 같은 효과가 있어야한다고 말합니다.

if (some_variable)
{
    // Do something with some_variable
}

불행히도 Firebugsome_variable 는 정의되지 않은 런타임에 이러한 문을 오류로 평가 하지만 첫 번째 문은 괜찮습니다. 이것이 Firebug의 (원치 않는) 동작입니까? 아니면 두 가지 방법 사이에 실제로 약간의 차이가 있습니까?

사례를 구별해야합니다.

1. 변수는 선언undefined 되거나 선언되지 않을 수 있습니다 . 이외의 컨텍스트에서 선언되지 않은 변수에 액세스하면 오류가 발생합니다 typeof.

if(typeof someUndeclaredVar == whatever) // works
if(someUndeclaredVar) // throws error

선언되었지만 초기화되지 않은 변수는 undefined입니다.

let foo;
if (foo) //evaluates to false because foo === undefined

2. 같은 정의되지 않은 속성someExistingObj.someUndefProperty . 정의되지 않은 속성은 오류를 생성하지 않고 단순히을 반환 undefined하며,이를 부울로 변환하면로 평가됩니다 false. 따라서 0및에 신경 쓰지 않으면 false사용하는 if(obj.undefProp)것이 좋습니다. 이 사실에 근거한 일반적인 관용구가 있습니다.

   value = obj.prop || defaultValue

   이는 " obj속성이있는 경우 속성 prop을 할당하고 value그렇지 않으면 기본값을 할당합니다 defautValue"를 의미합니다.

   어떤 사람들은이 동작을 혼란스럽게 생각하여 찾기 어려운 오류가 발생하고 in대신 연산자를 사용하는 것이 좋습니다

   value = ('prop' in obj) ? obj.prop : defaultValue

"가치 null또는 undefined" 를 테스트하는 가장 효율적인 방법 은

if ( some_variable == null ){
  // some_variable is either null or undefined
}

따라서이 두 줄은 동일합니다.

if ( typeof(some_variable) !== "undefined" && some_variable !== null ) {}
if ( some_variable != null ) {}

참고 1

질문에서 언급했듯이 짧은 변형 some_variable이 선언되어 있어야합니다 . 그렇지 않으면 ReferenceError가 발생합니다. 그러나 많은 유스 케이스에서 이것이 안전하다고 가정 할 수 있습니다.

선택적 인수를 확인하십시오.

function(foo){
    if( foo == null ) {...}

기존 객체의 속성 확인

if(my_obj.foo == null) {...}

반면에 typeof선언되지 않은 전역 변수 (간단히 반환 undefined)를 처리 할 수 ​​있습니다 . 그러나 Alsciende가 설명했듯이 이러한 경우는 적절한 이유로 최소로 줄여야합니다.

노트 2

이보다 더 짧은 변종은 동일 하지 않습니다 .

if ( !some_variable ) {
  // some_variable is either null, undefined, 0, NaN, false, or an empty string
}

그래서

if ( some_variable ) {
  // we don't get here if some_variable is null, undefined, 0, NaN, false, or ""
}

노트 3

일반적으로 ===대신에 사용 하는 것이 좋습니다 ==. 제안 된 솔루션은이 규칙의 예외입니다. JSHint 문법 검사기 도 제공 eqnull이 이유에 대한 옵션을 선택합니다.

로부터 의 jQuery 스타일 가이드 :

엄격한 평등 검사 (===)는 ==에 유리하게 사용해야합니다. null을 통해 undefined 및 null을 검사 할 때는 예외입니다.

// Check for both undefined and null values, for some important reason. 
undefOrNull == null;

정상 동등성을 가진 null을 검사하면 undefined에 대해서도 true를 반환합니다.

if (window.variable == null) alert('variable is null or undefined');

ES5 및 ES6와 같은 최신 JavaScript 표준에서는 다음과 같이 말할 수 있습니다.

> Boolean(0) //false
> Boolean(null)  //false
> Boolean(undefined) //false

모두 false를 반환하는데, 이는 빈 변수에 대한 파이썬의 검사와 유사합니다. 따라서 변수 주위에 조건부 논리를 작성하려면 다음과 같이 말하십시오.

if (Boolean(myvar)){
   // Do something
}

여기서 "null"또는 "empty string"또는 "undefined"는 효율적으로 처리됩니다.

선언되지 않은 변수를 참조하려고하면 모든 JavaScript 구현에서 오류가 발생합니다.

객체의 속성은 동일한 조건이 적용되지 않습니다. 객체 속성이 정의되지 않은 경우 액세스하여 액세스해도 오류가 발생하지 않습니다. 따라서이 상황에서 다음을 줄일 수 있습니다.

 if (typeof(myObj.some_property) != "undefined" && myObj.some_property != null)

에

if (myObj.some_property != null)

이를 염두에두고 전역 변수를 전역 객체의 속성으로 액세스 할 수 있다는 사실 ( window브라우저의 경우)을 사용하면 전역 변수에 다음을 사용할 수 있습니다.

if (window.some_variable != null) {
    // Do something with some_variable
}

로컬 범위에서는 변수가 코드 블록의 맨 위에 선언되어 있는지 확인하는 것이 항상 유용합니다. 이는 반복 사용시 절약됩니다 typeof.

먼저 테스트 대상에 대해 명확해야합니다. 자바 스크립트는 당신을 여행하는 암시 적 변환의 모든 종류를 가지고 있으며, 평등 비교기의 두 가지 유형 : ==와 ===.

다음 특성 test(val)을 테스트 null하거나 undefined가져야 하는 기능 :

 test(null)         => true
 test(undefined)    => true
 test(0)            => false
 test(1)            => false
 test(true)         => false
 test(false)        => false
 test('s')          => false
 test([])           => false

여기서 어떤 아이디어가 실제로 테스트를 통과했는지 봅시다.

이 작품들 :

val == null
val === null || val === undefined
typeof(val) == 'undefined' || val == null
typeof(val) === 'undefined' || val === null

이들은 작동하지 않습니다 :

typeof(val) === 'undefined'
!!val

이 접근법 의 정확성과 성능을 비교하기 위해 jsperf 항목을 만들었습니다 . 다른 브라우저 / 플랫폼에서 실행이 충분하지 않아서 결과는 당분간 결정적이지 않습니다. 컴퓨터에서 테스트를 실행하려면 잠시 시간을 내십시오!

현재 간단한 val == null테스트가 최상의 성능을 제공하는 것으로 보입니다 . 또한 가장 짧습니다. val != null보완을 원하면 테스트가 무효화 될 수 있습니다 .

이것은 ==사용해야 하는 유일한 경우입니다 .

if (val == null) console.log('val is null or undefined')

하나의 완전하고 정확한 답변이 없으므로 요약하려고합니다.

일반적으로 표현은 다음과 같습니다.

if (typeof(variable) != "undefined" && variable != null)

를 variable선언하지 않으면 typeof(variable) != "undefined"ReferenceError가 발생 하기 때문에 단순화 할 수 없습니다 . 그러나 상황에 따라 표현을 단순화 할 수 있습니다 .

variable가 전역 인 경우 다음과 같이 단순화 할 수 있습니다.

if (window.variable != null)

이 경우 지역 ,이 변수가 선언되지 않은 경우 아마 상황을 방지하고, 또한으로 단순화 할 수 있습니다 :

if (variable != null)

그것이 object property 인 경우 ReferenceError에 대해 걱정할 필요가 없습니다.

if (obj.property != null)

변수에 값이 있는지 여부를 확인할 수 있습니다. 의미,

if( myVariable ) {
//mayVariable is not :
//null
//undefined
//NaN
//empty string ("")
//0
//false

}

변수가 존재하는지 여부를 알 수없는 경우 (즉, 선언 된 경우) typeof 연산자로 확인해야합니다. 예 :

if( typeof myVariable !== 'undefined' ) {
    // myVariable will get resolved and it is defined
}

이 방법을 사용 하여이 작업을 수행했습니다.

id를 변수에 저장하십시오

var someVariable = document.getElementById("someId");

그런 다음 if 조건을 사용하십시오.

if(someVariable === ""){
 //logic
} else if(someVariable !== ""){
 //logic
}

답변 중 하나에서 언급했듯이 전역 범위가있는 변수에 대해 이야기하고 있다면 운이 좋을 수 있습니다. 아시다시피 전역 적으로 정의한 변수는 windows 객체에 추가되는 경향이 있습니다. 이 사실을 활용할 수 있으므로 bleh라는 변수에 액세스한다고 가정하고 이중 반전 연산자 (!!)를 사용하십시오.

!!window['bleh'];

bleh가 선언되지 않고 값이 할당 된 동안 이것은 false를 리턴합니다.

다음은 Array contains () 메소드를 사용하는 다른 방법입니다.

[undefined, null].includes(value)

이것은 ==대신 사용 하는 것이 매우 드문 경우의 예 입니다 ===. Expression somevar == null은 undefinedand null에 대해 true를 반환 하지만 다른 모든 것에 대해서는 false를 반환합니다 (변수가 선언되지 않은 경우 오류).

를 사용하면 !=예상대로 결과가 반전됩니다.

현대의 편집자 는 거의 항상 원하는 동작이므로 with ==또는 !=연산자 를 사용하여 경고하지 않습니다 null.

가장 일반적인 비교 :

undeffinedVar == null     // true
obj.undefinedProp == null // true
null == null              // true
0 == null                 // false
'0' == null               // false
'' == null                // false

직접 해보십시오.

let undefinedVar;
console.table([
    { test : undefinedVar,     result: undefinedVar     == null },
    { test : {}.undefinedProp, result: {}.undefinedProp == null },
    { test : null,             result: null             == null },
    { test : false,            result: false            == null },
    { test : 0,                result: 0                == null },
    { test : '',               result: ''               == null },
    { test : '0',              result: '0'              == null },
]);

어떤 YYY는 정의되지는 null, 그것은 true를 돌려줍니다

if (typeof yyy == 'undefined' || !yyy) {
    console.log('yes');
} else {
    console.log('no');
}

예

if (!(typeof yyy == 'undefined' || !yyy)) {
    console.log('yes');
} else {
    console.log('no');
}

아니

브라우저에서 개발자 도구 를 열고 아래 이미지에 표시된 코드를 사용해보십시오.

이해하기 위해 undefined, null 및 ''(빈 문자열도)를 변환 할 때 Javascript 엔진에서 반환되는 값을 분석해 보겠습니다. 개발자 콘솔에서 직접 확인할 수 있습니다.

모든 것이 false로 변환되는 것을 볼 수 있습니다.이 세 가지 모두는 자바 스크립트에 의해 '존재가 없다'고 가정합니다. 따라서 코드에서 세 가지를 모두 명시 적으로 확인할 필요가 없습니다.

if (a === undefined || a === null || a==='') {
    console.log("Nothing");
} else {
    console.log("Something");
}

또한 한 가지 더 지적하고 싶습니다.

Boolean (0)의 결과는 무엇입니까?

물론 거짓입니다. 0이 예상 결과에 유효한 값이면 코드에 버그가 발생합니다. 따라서 코드를 작성할 때이를 확인하십시오.

당신이 가진 것과 비슷하게, 당신은 같은 것을 할 수 있습니다

if (some_variable === undefined || some_variable === null) { do stuff }

nullity ( if (value == null)) 또는 non-nullity ( if (value != null)) 테스트는 변수의 정의 상태를 테스트하는 것보다 덜 장황합니다.

또한 부울 값으로 정의 된 변수 (또는 객체 속성)가 있는지 확인하기위한 테스트 if (value)(또는 if( obj.property))가 실패 false합니다. 주의 사항 :)

엄격한 비교 연산자를 사용하여 두 값을 쉽게 구별 할 수 있습니다.

실무 예제 :

http://www.thesstech.com/tryme?filename=nullandundefined

샘플 코드 :

function compare(){
    var a = null; //variable assigned null value
    var b;  // undefined
    if (a === b){
        document.write("a and b have same datatype.");
    }
    else{
        document.write("a and b have different datatype.");
    }   
}

은 if 문의 목적을 확인하는 경우 null또는 undefined변수에 값을 할당하기 전에 값, 당신이 사용할 수 Nullish 합체 운영자 브라우저 지원이 제한되어 있지만, 자바 스크립트가 마지막으로 사용할 수 있습니다. caniuse 의 데이터에 따르면 , 2020 년 4 월 기준으로 브라우저의 48.34 % 만 지원됩니다.

const a = some_variable ?? '';

그러면 변수가 some_variableis null또는 인 경우 빈 문자열 (또는 다른 기본값)에 할당됩니다 undefined.

이 연산자는 0and와 같은 다른 유형의 허위 값에 대한 기본값을 반환하지 않기 때문에 사용 사례에 가장 적합합니다 ''.

이 형식의 기능을 정의해야합니다.

validate = function(some_variable){
    return(typeof(some_variable) != 'undefined' && some_variable != null)
}

ES5 또는 ES6에서 여러 번 확인해야 할 경우 수행 할 수있는 작업은 다음과 같습니다.

const excluded = [null, undefined, ''];

if (!exluded.includes(varToCheck) {
  // it will bee not null, not undefined and not void string
}

Ramda를 사용하면 R.isNil(yourValue) Lodash 를 수행 할 수 있으며 다른 헬퍼 라이브러리는 동일한 기능을 갖습니다.