JS/JavaScript

#8 자바스크립트 객체

인생아 2024. 8. 28. 23:56
반응형

자바스크립트에서 객체는 **키(key)**와 값(value) 쌍으로 이루어진 데이터를 저장하는 데 사용되는 자료형입니다. 실제 세상의 사물이나 개념을 모델링하는 데 유용하며, 복잡한 데이터를 효과적으로 관리할 수 있게 해줍니다.

객체 생성하기

객체를 생성하는 방법은 여러 가지가 있습니다.

1. 객체 리터럴

가장 간단하고 일반적으로 사용되는 방법입니다.

 
const person = {
  firstName: "홍",
  lastName: "길동",
  age: 30,
  isStudent: false
};
 
 

2. 생성자 함수

객체를 생성하기 위한 템플릿 역할을 합니다.

 
function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
}

const person = new Person("홍", "길동", 30);
 
 

3. 클래스 (ES6+)

객체 지향 프로그래밍에서 사용되는 클래스를 통해 객체를 생성합니다.

 
class Person {
  constructor(firstName, lastName, age) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }
}

const person = new Person("홍", "길동", 30);
 
 

객체의 프로퍼티 접근하기

객체의 프로퍼티에 접근하려면 점(.) 표기법 또는 대괄호 표기법을 사용합니다.

 
console.log(person.firstName); // 홍
console.log(person["lastName"]); // 길동
 
 

객체의 메소드

객체 내부에 함수를 정의하여 객체의 기능을 확장할 수 있습니다. 이러한 함수를 메소드라고 합니다.

 
const person = {
  firstName: "홍",
  lastName: "길동",
  age: 30,
  getFullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

console.log(person.getFullName()); // 홍 길동
 
 

객체의 프로토타입

모든 객체는 Object.prototype을 상속받습니다. 이를 통해 모든 객체는 기본적인 메소드(예: hasOwnProperty, toString 등)를 사용할 수 있습니다.

 
console.log(person.hasOwnProperty("firstName")); // true
 
반응형