JavaScript 객체리터럴, 메서드

객체 리터럴

1. 객체(object)

사물 대상

2. 객체 리터럴

• 객체는 이름과 같은 한쌍을 묶은 데이터를 여러개 모은 것
• 객체는 데이터 여러개를 하나로 모은 복합 데이터로 연관배열 또는 사전이라고 부른다.

3. 객체 리터럴로 객체 생성

var person = {
    name : '이이름',
    age : 20
};
typeof person // 'object'

4. 객체 조회

person.name; //이이름
person.age; //20

변수명['속성명'];

person['name']; //이이름
person['age']; //20

5. 프로퍼티 추가, 삭제

• 추가 : 없는 속성명에 값을 대입하면 새로운 속성이 추가

var person = {
    name : '이이름',
    age : 20
};
person.address = '주소' //추가

• 삭제 : delete 변수명.속성명;

var person = {
    name : '이이름',
    age : 20
};
delete person.address; //삭제

값 : 숫자, 문자, 논리값, undefined, null, 객체
-> 전부 값으로 사용 가능

6. in연산자로 프로퍼티 조회

var person = {
    name : '이이름',
    age : 20
};
'name' in person; // in연산자로 조회 true

for in 구문

var person = {
    name : '이이름',
    age : 20
};
for(var key in person){ //for in구문
    console.log(key);
}
출력값
name
age

var person = {
    name : '이이름',
    age : 20
};
for(var key in person){ //for in구문
    console.log(person[key]); //속성과 값 모두 출력
}
출력값
name
이이름
age
20

메서드

객체 안에 정의된 함수

var person = {
    name : '이이름',
    age : 20
  	showInfo : function(){
      console.log('메서드');
};

객체는 참조타입

메모리
데이터 영역
스택 영역 - 함수 전용 메모리
힙 영역 - 객체 전용 메모리

var person = {
    name : '이이름',
    age : 20
};
var person2 = person1;
person2.name = '(수정)이이름'; 
person
//{name: '(수정)이이름', age: 20}