객체

목표

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

객체

하나의 변수 안에 여러가지의 정보가 담겨 있을 때 적합한 자료 구조
키와 값 쌍(key-value pair)으로 이루어져 있다.
객체에서 key name은 전부 string으로 처리된다, 다른 타입을 사용하고 싶으면 map을 사용해야한다.

let user = {
	firstName : 'ASO',
    lastName : 'paper',
    city : 'Seoul'
};

**Dot notation** // 개체의 속성을 가져옴
user.firstName; // ASO
user.city; // Seoul

**Bracket notation**
user['lastName']; // paper
user['city'] // Seoul
//키 값이 변할 때 사용

dot notation, bracket notation를 이용해 값을 추가할 수 있다.(객체 생성)
delete로 삭제가 가능하다.
in연산자로 키가 있는지 확인할 수 있다.

변수명['키'] = '값';
변수명.키 = boolean;
변수명.키 = [배열];
delete 변수명.삭제할 키;
delete 변수명['삭제할 키'];
'Value' in 변수명; // boolean값이 반환

Object.keys(객체명) : 객체의 키 목록을 배열로 리턴한다. 객체 생성자인 Object 가 직접 가지고 있는 메서드이다.
Object.entries() : ES6에서 추가된 객체의 key, value 값을 배열로 반환하는 메서드이다.
for (변수명(i,n…) in 순환할 객체){} : 반복문인 for문과 같은 종류의 문법이지만 객체와 배열을 위해 ES6에서 추가된 문법, 객체와 배열 순환 모두 가능하다.

const obj = {
  first name: 'ASO',
  last name: 'paper',
  number: 00,
  city: Seoul
}

for (let i in obj) {
  const value = obj[i]

  console.log(i)
  console.log(value)
}
i // 자동으로 key값이 들어간다
value // obj의[i : 키값]에 맞는 값이 들어간다
for ..in // for문에 의해 반복
// 아래 객체가 있을 때
const obj = {
  name: 'Jaehun',
  age: 24
};

// 배열로 반환
Object.entries(obj); // -> [['name', 'Jaehun'], ['age', 24]]
for ([key, value] of Object.entries(obj)) {
  console.log(key); // 0번째: 'name',  1번째: 'age'
  console.log(value); // 0번째: 'Jaehun', 1번쨰:; 24
}

문제

in

!(key in obj1) // obj1 안에 key 값이 없으면 true
const obj1 = {
  a: 1,
  b: 2,
};
'a' in obj1 // true

추가 학습

JSON을 JavaScript 배열의 형태로 바꾸는 방법
JSON