객체에 대해서 정리

Object란?

Object(객체)란 JS의 데이터 유형중 하나로 다양한 키와 값을 저장하는데 사용한다.
객체는 property로 구성되어 있으며, property는 key와 value로 이루어져있다.
Key는 문자열만 가능하며 "",''로 감쌀 필요가 없다.
Value는 "",'' 로 감싸야 하며 문자열,숫자,객체 그리고 함수도 들어갈 수가 있다.
여기서 속성값이 함수 있느것을 '메소드' 라고 한다.

Object 접근 방법

const person = {
 name : 'Juan',
 age ; '28'
}

1. Object.keys() / Object.values / Object.entries

• 객체의 키와 값의 목록을 배열[]로 리턴한다.
• 객체 내장 메서드가 아닌, 객체 생성자인 Object가 직접 가지고 있는 메서드이다.

const person = {
 name : 'Juan',
 age ; '28'
}

Object.keys(person) // ['name','age']
Object.values(person) // ['Juan','28']
Object.entries(person) 
// [['name','Juan'],['age', '28']]

• 배열로 리턴하기 때문에 반복문이 사용가능하다.

const keys = Object.keys(person) // ['name', 'age']

for (let i = 0; i < keys.length; i++){
 const key = keys[i] // 각각의 키
 const value = person[key] // 각각의 키에 해당하는 값
}

for..in

• 반복문인 for 문과 같은 종류의 문법이지만 객체와 배열을 위해 ES6에서 추가된 문법

• 객체 순환과 배열 순환 모두 가능하다.

• 객체의 key 값에 접근할 수 있지만 value 값에 접근하는 방법은 따로 제공하지 않는다.

const obj = {
 a : 1,
 b : 2,
 c : 3
}

for(let key in obj){
  const value = obj[key]
  console.log(key , value)
}///'a' 1 'b' 2 'c' 3