본문 바로가기
Frontend

JS | Javascript의 객체

by 구라미 2020. 2. 7.

 

 

 

 

Javascript의 객체

객체는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다)의 집합이다. 예제를 통해서 실제 객체가 무엇인지 알아보도록 하자.

객체만들어보기

var person = {
  name: ['Bob', 'Smith'],
  age: 32,
  gender: 'male',
  interests: ['music', 'skiing'],
  bio: function() {
    alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
  },
  greeting: function() {
    alert('Hi! I\'m ' + this.name[0] + '.');
  }
};

 

그 다음 개발자도구의 콘솔에서 이렇게 호출하면 호출된다.

person.name
person.name[0]
person.age
person.interests[1]
person.bio()
person.greeting()

 

위 person객체의

  • name,age,gender,interests는 데이터 아이템으로 객체의 프로퍼티라고 한다.
  • bio, greeting은 함수로 객체의 메소드라고 한다.

이런 person객체같은 것을 객체 리터럴이라고 한다.  JSON은 이러한 Javascript 객체리터럴 문법을 따르는 문자열이다.

댓글