[JavaScript] undefined

자바스크립트에서 undefiend는 값이 할당되지 않은 변수를 나타내는 기본 데이터 타입 입니다. 변수가 선언되었지만 아직 값이 할당되지 않을 때 자동으로 부여가 됩니다.

 

1. undefined의 의미

정의 되지 않음을 의미를 합니다. 어떤 변수에 값이 명시적으로 할당 되지 않았거나, 값이 없는 상태를 나타낼 때 자바스크립트는 자동으로 undefined를 할당합니다.

let x;
console.log(x);  // undefined (x에 값이 없음)

위에 예시 처럼 변수 x는 선언되었지만 값을 초기화 하지 않아서 undefined 값을 가집니다.

 

2. undefined의 사용 예시 

변수 선언 후 초기화 되지 않은 경우

변수는 선언되었지만 값을 할당하지 않으면 undefined가 됩니다.

let age;
console.log(age);  // undefined

 

함수에서 명시적으로 값을 반환하지 않은 경우

함수에서 return 키워드로 값을 명시적으로 반환하지 않으면 undefined가 반환이 됩니다.

function greet() {
  console.log("Hello");
}

let result = greet();  // 콘솔에 "Hello" 출력됨
console.log(result);   // undefined (함수는 값을 반환하지 않음)

 

객체 속성 또는 배열 요소가 존재하지 않는 경우

객체에서 없는 속성에 접근하거나 배열에서 인덱스에 해당하는 값이 없으면 undefined 반환합니다.

let person = { name: "John" };
console.log(person.age);  // undefined (객체에 age 속성이 없음)

let arr = [10, 20, 30];
console.log(arr[5]);      // undefined (인덱스 5에 해당하는 요소가 없음)

 

함수의 파라미터에 값이 전달 되지 않은 경우

함수 호출시 파라미터에 값을 전달하지 않으면 해당 파라미터는 undefined가 됩니다.

function showMessage(message) {
  console.log(message);
}

showMessage();  // undefined (message에 값이 전달되지 않음)

 

3. undefined와  null의 차이

undefined는 변수가 선언되었으나 아직 값이 할당되지 않을 상태이며 null는 값이 명시적으로 없음을 나타내기 위해 사용되는 값 입니다.

let noValue = null;       // 명시적으로 값이 없는 상태
let notDefined;
console.log(noValue);     // null
console.log(notDefined);  // undefined

 

관련자료

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined
• https://www.youtube.com/watch?v=B7iF6G3EyIk&list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP&index=9

 

https://idocleancode.tistory.com/424

[JavaScript] 학습 로드맵