[JavaScript]객체

자바스크립트에서 객체란 함수와 데이터 값을 집합시켜 놓은 것이다.

데이터가 적은 프로그래밍에서는 절차 지향 언어로 많이 사용하지만 처리해야 하는 데이터가 많고 복잡한 프로그램에서는 객체지향 언어로 프로그래밍하는 것이 훨씬 더 간편하다.

절차 지향과 객체 지향의 차이점

쉽게 말해서 흙을 쌓아서 성을 만드는 방식은 절차 지향 방식이고 레고 같은 블록을 이용해서 블록을 쌓아서 성을 만드는 방식이 객체 지향 방식이라고 이해하면 좋을듯하다. (여기서 사용되는 레고 같은 블록을 객채라 생각하면 좋을듯하다)

객체를 사용하는 문법은 아래와 같다.

이름과 값은 ':'으로 분리되며 member.1 Name의 값으로 member1 Value 값이 들어간다.

1 Name과 1 Value 2 Name과 2 Value 한 쌍의 이름과 값은 ', '로 구분한다.

var objectName = {
  member1Name: member1Value,
  member2Name: member2Value,
  member3Name: member3Value
};

 

객체 표기법

• 점 표기법

person.age
person.interests[1]
person.bio()
/*객체내에 항목에 접급하기 위해서는 먼저 객체를 입력후 점을 입력하여
접슨하고자 하는 항목을 입력*/

• 하위 namespaces

name : {
  first: 'Bob',
  last: 'Smith'
},

객체 내에 있는 항목이 값을 여러 개를 가지고 있을 경우 (하위 namespaces)를 만든 경우

person.name.first
person.name.last

점을 하나 더 찍어서 접근하고자 하는 항목의 하위 namespaces를 입력

• 괄호 표기법

person.age
person.name.first

점표 현식으로  객체의 프로퍼티에 접근

person['age']
person['name']['first']

점 대신 괄호를 사용하여 대신 표현해줄 수도 있다.(배열 속에 있는 항목에 접근하는 방법과 매우 유사)