AngularJS isUndefined() 메서드 – 참조 값의 정의 여부를 확인하는 방법

AngularJS의 isUndefined() 메서드는 전달된 참조(reference)가 정의되어 있는지 여부를 검사하는 유틸리티 함수입니다. 함수에 전달된 참조가 undefined일 경우 true를 반환하고, 값이 정의되어 있다면 false를 반환합니다.

문법(Syntax)

angular.isUndefined(value)

value 매개변수에는 정의 여부를 확인하고자 하는 참조 값을 넣습니다.

예제 – 참조 값이 undefined인지 확인하기

Angular 프로젝트 디렉터리에 "isUndefined.html" 파일을 생성한 뒤, 아래 코드 스니펫을 복사하여 붙여넣습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>angular.isUndefined()</title>

      <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">
      </script>
   </head>

   <body ng-app="app" style="text-align:center">
      <h1 style="color:green">
         Welcome to Tutorials Point
      </h1>
      <h2>AngularJS | angular.isUndefined()</h2>

      <div ng-controller="example">
         <b>Name: {{name}}</b>
         <br><br>
         {{isUndefined}}
         <br><br>
         <b>Name: {{name2}}</b>
         <br><br>
         {{isUndefined1}}
      </div>

      <!-- 값 전달 및 확인을 위한 스크립트 -->
      <script>
         var app = angular.module("app", []);
         app.controller('example',['$scope', function ($scope)
         {
            // 키와 값 정의
            $scope.name = "SIMPLY LEARNING";
            $scope.name2;

            $scope.isUndefined = angular.isUndefined($scope.name) == true
               ? "$scope.name is Undefined."
               : "$scope.name is Defined.";

            $scope.isUndefined1 = angular.isUndefined($scope.name2)== true
               ? "$scope.name2 is Undefined."
               : "$scope.name2 is Defined.";
         }]);
      </script>
   </body>
</html>

실행 결과

위 코드를 실행하려면 파일을 일반 HTML 파일처럼 브라우저에서 열면 됩니다. 그러면 브라우저 창에서 다음과 같은 출력 결과를 확인할 수 있습니다.

AngularJS isUndefined() 메서드 – 참조 값의 정의 여부를 확인하는 방법

코드를 살펴보면 $scope.name에는 문자열 값이 할당되어 정의된 상태인 반면, $scope.name2는 값이 할당되지 않아 undefined 상태입니다. 따라서 angular.isUndefined()는 name에 대해서는 false(정의됨), name2에 대해서는 true(정의되지 않음)를 반환하게 되며, 화면에는 각각의 판별 결과가 출력됩니다.