Frontend

JS | Javascript의 객체

구라미 2020. 2. 7. 15:24

 

 

 

 

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 객체리터럴 문법을 따르는 문자열이다.