🌙 12일차 - [ javascript ] 객체 -

💬 오늘 수업은 javascript의 객체에 대해 배워보았다.

오늘도 늘 그렇듯이 핵심만 작성해보려고 한다.
디테일한 부분은 자바스크립트 딥 다이브 시리즈에 추가할 예정이다.

---

1. 객체란 무엇인가

• 자바스크립트의 객체는 키(key)과 값(value)으로 구성된
  프로퍼티(Property)들의 집합이다.
• 원시형 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체이다.

2. 객체 생성 및 생김새

1. let obj = {} // 처음 객체 지정 방법
   obj에 {} 중괄호를 할당 시켜준 것이 객체가 생성이 된 것이다.
   1-1. let obj = new Object();
   new 연산자와 Object 생성자 함수를 호출하여 빈 객체를 생성할 수 있다.

2. let obj = {키 : 값}
   객체는 {} 중괄호 안에 : 를 기준으로 키와 값이 구분된다.

3. 처음 변수에 객체를 할당시에 let obj = {'one' : 1} 처럼 객체 안에 값이 먼저 할당되어 들어가게 할 수도 있다.

3. 객체 키, 값 할당

// 빈 객체의 생성
let obj = new Object(); 또는 let obj = {}
// 프로퍼티 추가
obj.name = 'Lee';
obj.gender = 'male';

// 키 값 변경
1. 키 값이 변수로 관리되고 있을 때 :
obj = {name : 'Lee', gender : 'male'} 일 때,
obj.name = 'Kim'
=> obj = {name : 'Kim', gender : 'male'} 으로 변경됨
obj 키가 변수로 관리되고 있다면 obj.변수이름 또는 obj[변수이름] 으로 조회가 가능하다.
2. 키 값이 문자열로 관리되고 있을 때 :
obj = {'name' : 'Lee', 'gender' : 'male'} 일 때,
obj['name'] = "Kim" 으로 "" 따옴표로 접근하여 바꿔야 한다.

4. 그럼 객체를 사용하는 이유는 무엇인가 ?

• 관련 있는 정보들을 서로 연결하는 데에 객체를 활용하면, 데이터(Value)와 문자열(Key)을 연관 지어서 저장할 수 있기 때문에 코드를 유지 보수할 때에도 매우 편리하다.

5. 무언가의 작업을 위해 객체의 키와 값을 보고 싶을 때

• for in 문

  for (key in obj){
  console.log(key) -> obj 객체에 속한 키 값을 볼 수 있다.
  console.log(obj[key]) -> obj 객체에 속한 key에 대한 값을 볼 수 있다.
  }

• 함수 사용

  1. Object.Keys(객체를 가지고 있는 변수 이름)
     객체의 키를 모두 볼 수 있다.
  2. Object.values(객체를 가지고 있는 변수 이름)
     객체의 값을 모두 볼 수 있다.

---

객체에 관한 문서 참고 링크 :

https://poiemaweb.com/js-object