Chapter 2. 객체

학습 목표

• 열과 객체의 특징을 구분하고, 배열과 객체의 특징에 따라 웹 애플리케이션 개발 시 어떻게 사용되는지 이해한다.
• 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.
• 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다.
• 배열과 객체, 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있다.

2-1. 객체 기초

• 객체는 하나의 변수에 여러가지 정보가 담겨 있음

let user = {
  firstName: 'Steve',
  lastName: 'lee',
  email: 'steve@email.com',
  city: 'Seoul'

• 키(key): 값(vlaue)

  • 키와 값 사이는 콜론(:)으로 구분

• 중괄호를 이용해서 객체를 만들고, 키-값 쌍은 쉼표로 구분

• 객체의 값을 사용하는 방법은 2가지

  • Dot notation

  user.firstName; // 'Steve'
  user.city; // 'Seoul'

  • Bracket notation
    • 괄호 안에 키가 문자열로 들어감

  user['firstName']; // 'Steve'
  user['city']; // 'Seoul'
  

2-2. 객체 다루기

• 객체의 속성(property) 접근 방법
  • Dot notation
    • key가 정적 데이터일 때만 사용 가능
  • Bracket notation
    • [] 안에는 반드시 문자열 형식으로 input 주기

console.log(user.name); //'Steve'
console.log(user.city); // 'Seoul'

console.log(user['name']; // 'Steve'
console.log(user['city']; // 'Seoul'

• 객체의 속성 추가 또는 삭제
  • 속성 추가
    • Dot notation
      • user.job = 'Engineer';
    • Blacket notation
      • user ['job'] = 'Engineer';
  • 속성 삭제
    • 키-값 쌍을 지움
      • delete user.job;
      • delete user['job'];
• 객체에 특정 키가 있는지 확인하기
  • key in object
    • object에 key가 있는지 확인 / 불리언 타입으로 출력