JavaScript에서 Object의 특징과 기본적인 사용방법

안녕하세요. 혀코입니다.

이번 시간에는 JavaScript에서의 Object의 특징과 기본적인 사용방법에 대해 알아보도록 하겠습니다.

JavaScript에서 Object는 다음과 같은 형태를 기본적으로 사용합니다.

const object1 = {
  name: 'Hyukho', 
  age: 20, 
  favorites: ['react', 'angular', 'vue'], 
  greetings(){
  	console.log('Hello! My name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

 

JavaScript에서의 Object는 다음과 같은 특징을 가지고 있습니다.

순서에 상관없는 형태의 key와 value의 쌍으로 구성되어 있으며, value 값은 key 값을 이용해서 접근할 수 있습니다.

key 값은 중복을 허용하지 않으며, value 값은 중복이 되어도 상관이 없습니다.

key 값은 문자열 또는 숫자 그리고 심볼이 사용됩니다.

함수를 데이터 값으로 가질 수 있습니다.

 

JavaScript의 Object의 특징들과 사용방법을 자세히 살펴보겠습니다.

• 순서에 상관없는 형태의 key와 value의 쌍으로 구성되어 있으며, value 값은 key 값을 이용해서 접근할 수 있습니다.

const object1 = {
  name: 'Hyukho', 
  age: 20, 
  favorites: ['react', 'angular', 'vue'], 
  greetings(){
  	console.log('Hello! My name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

console.log(object1.name);

// Hyukho

console.log(object1['age']);

// 20

key 값을 이용할 때는 . 형식을 사용할 수도 있고, [ ] 형식을 사용할 수도 있습니다.

 

Object에 데이터를 추가할 때는 다음과 같은 방법으로 추가할 수 있습니다.

const object1 = {
  name: 'Hyukho', 
  age: 20, 
  favorites: ['react', 'angular', 'vue'], 
  greetings(){
  	console.log('Hello! My name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

object1.title = 'Web Developer';

console.log(object1);

// {name: "Hyukho", age: 20, favorites: Array(3), title: "Web Developer", greetings: ƒ}

 

Object에 데이터를 삭제할 때는 다음과 같은 방법으로 삭제할 수 있습니다.

const object1 = {
  name: 'Hyukho', 
  age: 20, 
  favorites: ['react', 'angular', 'vue'], 
  greetings(){
  	console.log('Hello! My name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

delete object1.age;

console.log(object1);

// {name: "Hyukho", favorites: Array(3), greetings: ƒ}

 

• Object는 함수를 데이터로 가질 수 있으며, 다음과 같이 실행할 수 있습니다.

const object1 = {
  name: 'Hyukho', 
  age: 20, 
  favorites: ['react', 'angular', 'vue'], 
  greetings(){
  	console.log('Hello! My name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

object1.greetings();

// Hello! My name is Hyukho and I am 20 years old.

 

이렇게 JavaScript에서의 Object의 특징과 기본적인 사용방법에 대해 알아봤습니다.

유용하셨다면, 공감과 구독 부탁 드립니다.

감사합니다. :)