JavaScript Object 객체 이해하기

1. 자바스크립트에서의 객체 이해하기

자바스크립트의 객체는 무엇인가?

자바스크립트에서, 객체는 중심 역할을 합니다. 모든 것을 객체로 볼 수 있으며, 이해하면 자바스크립트의 핵심을 파악할 수 있습니다.

예:

let person = {name: "Kim", age: 30}; // 객체 생성

 

2. 객체의 종류와 특성

프리미티브가 아닌 요소: 함수, 배열, 수학, 날짜 등은 항상 객체입니다.

 

프리미티브 타입: string, number, boolean, null, undefined, symbol, bigint와 같이 7가지 기본 데이터 유형이 있습니다.
예:

let x = 3.14; // 숫자
let y = "Hello"; // 문자열

 

3. 프리미티브와 불변성

프리미티브는 변경 불가능한 값입니다.

예:

let x = 3.14;
x = 5; // x 값을 변경할 수 있지만 3.14 자체는 변경할 수 없습니다.

 

 

4. 객체와 변수

객체는 여러 값을 포함할 수 있는 변수입니다.

예:

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

 

 

5. 객체의 속성과 메서드

객체의 속성은 값을 나타내고, 메서드는 객체에서 수행할 수 있는 작업입니다.

예:

let person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {return this.firstName + " " + this.lastName;}
};

 

6. 자바스크립트 객체 생성 방법

객체 리터럴 사용: 가장 간단한 방법입니다.

예:

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

 

new 키워드 사용: new Object()를 통해 생성합니다.

예:

const person = new Object();
person.firstName = "John";
person.lastName = "Doe";

 

객체 생성자 정의: 특정 유형의 객체를 만듭니다. 
예:

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}
const myPerson = new Person("John", "Doe");

 

Object.create() 사용: 특정 프로토타입을 가진 객체를 생성합니다.

예:

const person = {firstName: "John", lastName:"kim", age:20, hairColor:"Blue"};
const newPerson = Object.create(person);

 

7. 객체의 가변성

객체는 변경 가능하며, 참조를 통해 주소가 지정됩니다.

예:

const x = person;
x.age = 10; // person.age도 10으로 변경됩니다.