JavaScript] 자바스크립트 뿌시기 (객체 타입)

🎉 객체 타입

---

객체 생성 방법 (3가지)

1. Object() 객체 생성자 함수 이용
2. 객체 리터럴을 이용
3. 생성자 함수 이용

Object() 생성자 함수 이용

var person = new Object();

person.name = '김이나';
person.age = '12';

console.log(typeof person); // print >> object
console.log(person); // print >> { name: '김이나', age: 12 }

객체 리터럴을 이용

리터럴 : 표기법

• 중괄호({})를 이용해서 객체를 생성
• { } 아무것도 적지 않으면 빈 객체 생성
• { "프로퍼티 이름" : "프로퍼티 값" } 형태로 표기
• 프로퍼티 이름 - 문자나 숫자
• 프로퍼티 값 - 자바스크립트의 값을 나타내는 어떤 표현식도 가능
  • 값이 함수이면 이런 프로퍼티를 메서드라고 부른다.

var person = {
    name: '티스토리',
    age: '20'
}

console.log(typeof person); // print >> object  
console.log(person); // print >> { name: '티스토리', age: 20 }

생성자 함수 이용

To be continue......

객체 프로퍼티 읽기/쓰기/갱신

• 프로퍼티 접근 방법
  • 대괄호 표기법 (대괄호 안은 ''로 감싼 문자열 형태여야한다.)
  • 마침표 표기법

var person = {
    name: '티스토리',
    age: '20'
}

// 프로퍼티 읽기
console.log('대괄호 표기법 ' + person['name']); // print >> 대괄호 표기법 티스토리
console.log('마침표 표기법 ' + person.age); // print >> 마침표 표기법 20

// 프로퍼티 갱신
person.age = 21;
console.log(person['age']); // print >> 21

// 프로퍼티 동적 생성
person['birth'] = '210105';
console.log(person.birth); // print >> 210105

🔺 주의

프로퍼티가 표현식이거나 예약어일 때, 대괄호 표기법만을 이용해서 접근해야한다.

person[phone-number] = '010-1234-1234';

객체 프로퍼티 출력

• for in 문

  for (prop in person){ // prop에 프로퍼티 이름이 하나씩 할당된다.
    console.log(prop, person[prop]);
  }

객체 프로퍼티 삭제

• delete 연산자로 삭제 가능

  delete person.birth;
  console.log(person.birth); // print >> undefined

　

📖출처

송형주, 고현준 지음, 『인사이드 자바스크립트』, 한빛미디어(2014)