객체(Object) - JavaScript

JavaScript

 

객체(Object) JavaScript

---

객체란

• 객체는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메서드라고 부릅니다)의 집합입니다.

객체의 형태

객체의 형태

key: value의 형태를 가지고 값을 여러개 쓸 때에는 ‘ , ’로 구분해 줍니다. [object Object]라는 값을 표시하여 구별할 수 있습니다.

프로퍼티 사용법

객체에서는 키값 즉 프로퍼티 값을 이용하여 데이터를 활용할 수 있습니다. 객체.프로퍼티 혹은 객체. 메서드의 형태로 값을 활용합니다. 이를 점 표기법(Dot Notation)이라고 합니다.

• 점 표기법(Dot Notation)

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

하나의 프로퍼티안에 또 다른 프로퍼티 값을 선언하는 것도 가능합니다.

name : {
  first: 'Bob',
  last: 'Smith'
},
//위와 같이 선언했다면 아래처럼 기존 메소드 코드를 바꿔 줘야 합니다.
person.name.first
person.name.last

• 괄호 표기법(Bracket Notation)
  • 객체에 접근하는 다른 방법입니다.

// person.age
// person.name.first 은 아래와 같습니다.
person['age']
person['name']['first']

객체의 프로퍼티 설정(갱신)법

해당 프로퍼티를 재선언하여 age(32 → 45), name[1](’Smith’ → ‘Mxx’)로 다시 설정할 수 있습니다.

프러퍼티 설정

단순히 기존 프로퍼티를 재선언하는 것뿐만 아니라 새로운 프로퍼티를 추가할 수 있습니다.

person['eyes'] = 'hazel';
person.farewell = function() { alert("Bye everybody!"); }

greeting: function() {
  alert('Hi! I\\'m ' + this.name.first + '.');
}

여기서 this는 무엇을 의미하는가에 대한 답은 지금 동작하고 있는 코드를 가지고 있는 객체를 포인팅 합니다. 객체가 바뀌는 경우에도 정확한 값을 사용하게 해 줍니다.