자바스크립트 오브젝트와 null 설명 예제

2023.08.07

  JavaScript에서는 문자열, 숫자, 논리값이 기본이 되는 데이터형이지만 그 외에도 오브젝트로 불리는 데이터형이 존재합니다.

  오브젝트형은 기본 데이터형처럼 단독 값이 아닌, 여러 값을 가지고 있거나 조합해 둔 것으로 생각하면 됩니다.

 

오브젝트와 null

오브젝트형에는 여러 종류가 있습니다.

예를 들어 여러 값을 모아 이름을 붙인 것을 오브젝트라고 부르고, 여러 값을 모아 번호를 부여한 것을 배열이라고 부릅니다.

 오브젝트에 관해서는 별도의 페이지에서 좀 더 자세하게 확인하겠습니다.

여기에서는 데이터형의 하나로써 오브젝트라는 것이 있는 정도로만 기억해 두는 것만으로도 좋습니다.

 

null

 오브젝트형의 특수한 값으로 null이 있습니다. null은 [유효한 값이 존재 안 함]이라는 것을 의미하기 위해 사용되는 값으로 JavaScript에서 예약어로써 사용되고 있습니다.

var num = null;

 

null은 값이기 때문에 위처럼 변수에 대입하는 것도 가능합니다.

이러한 경우 변수 [num]에는 유효한 값이 존재 안 한다는 것을 의미하게 됩니다.

단, null은 변수에 대입해서 사용하는 것보다는 무언가의 값을 취득하려고 할 때에, 유효한 값이 존재 안 하는 경우에 대신해서 null이 반환되도록 하는 용도로 사용됩니다.

그렇기 때문에 값을 취득할 때에 null 인가 null이 아닌가를 판정하는 처리를 많이 사용합니다.

그리고 null과 비슷한 값에 미정의(undefined)가 있습니다. 이 2개는 다른 것이기 때문에 사용 시에는 주의해야 합니다.

  (미정의 값에 대해서는 [미정의 값(undefined)]을 참조해 주세요)

 

샘플 코드

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="kr" lang="kr">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta http-equiv="Content-Script-Type" content="text/javascript">
  <title>JavaScript 테스트</title>
</head>
<body> 
  <script type="text/javascript" src="./js/script7_1.js"> 
  </script> 
 </body> 
 </html>

 

※스크립트 파일은 HTML 파일이 있는 곳에 js 라는 폴더를 만들어 넣어줍니다.

script7_1.js

/* 오브젝트 예 */ 
var person = {name:'홍길동', old:20}; 
document.write('<p>' + person.name + '</p>');
document.write('<p>' + person.old + '</p>');

/* 배열 예 */
var pref = ['서울', '대전', '부산']; 
for (var i = 0; i < pref.length; i++){   
  document.write('<p>' + pref[i] + '</p>'); 
}

 

실행하면 브라우저에 다음과 같이 표시됩니다.

댓글