자바스크립트에서 변수는 데이터를 저장하고 조작하는 데 사용됩니다. 변수는 다양한 속성을 가지고 있으며, 이러한 속성을 조회하고 변경하는 방법을 알아보겠습니다.

1. typeof 연산자를 통한 데이터 타입 확인하기

typeof 연산자는 변수의 데이터 타입을 확인하는 데 사용됩니다. 예를 들어, 다음과 같이 변수 name의 데이터 타입을 확인할 수 있습니다.

let name = "John";
console.log(typeof name); // 출력 결과: "string"

typeof는 다음과 같은 타입을 반환합니다:

• "undefined": 값이 정의되지 않은 경우
• "number": 숫자인 경우
• "string": 문자열인 경우
• "boolean": 불리언인 경우
• "object": 객체나 배열인 경우
• "function": 함수인 경우

2. 점(.) 연산자를 통한 속성 접근하기

객체는 여러 속성을 가지고 있으며, 속성에 접근할 때 점(.) 연산자를 사용합니다. 다음 예제에서는 person 객체의 name 속성에 접근하는 방법을 보여줍니다.

let person = {
  name: "John",
  age: 30,
  gender: "male"
};

console.log(person.name); // 출력 결과: "John"

점 연산자를 사용하여 문자열로 된 속성 이름에 접근할 수 있습니다. 다음은 배열의 경우 점 연산자를 사용하여 인덱스를 통해 접근하는 방법을 보여줍니다.

let fruits = ["apple", "banana", "orange"];
console.log(fruits.0); // SyntaxError: Unexpected number
console.log(fruits[0]); // 출력 결과: "apple"

3. 대괄호([]) 연산자를 통한 속성 조회하기

대괄호([]) 연산자를 사용하여 변수에 동적으로 접근하는 방법도 있습니다. 다음 예제에서는 동적 속성 이름을 사용하여 person 객체의 속성을 조회합니다.

let person = {
  name: "John",
  age: 30,
  gender: "male"
};

let propertyName = "name";
console.log(person[propertyName]); // 출력 결과: "John"

배열의 경우에도 대괄호 연산자를 사용하여 인덱스에 접근할 수 있습니다.

let fruits = ["apple", "banana", "orange"];
let index = 1;
console.log(fruits[index]); // 출력 결과: "banana"

대괄호 연산자를 사용하면 변수에 할당된 값을 통해 동적으로 속성에 접근할 수 있습니다.

4. hasOwnProperty 메서드를 통한 속성 존재 여부 확인하기

객체의 속성이 특정 속성을 가지고 있는지 확인하려면 hasOwnProperty 메서드를 사용할 수 있습니다. 다음 예제에서는 person 객체에 name 속성이 있는지 확인합니다.

let person = {
  name: "John",
  age: 30,
  gender: "male"
};

console.log(person.hasOwnProperty("name")); // 출력 결과: true
console.log(person.hasOwnProperty("email")); // 출력 결과: false

hasOwnProperty 메서드는 상속된 속성을 확인하지 않으며, 객체가 직접 소유한 속성만 확인합니다.

자바스크립트 변수의 속성을 조회하는 여러 방법을 알아보았습니다. 실제 개발에서는 이러한 방법을 활용하여 변수의 속성을 효율적으로 조회하고 사용할 수 있습니다.