[ javascript ] - 객체 알아보기

1. 객체란 무엇인가

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

 

2. 딕셔너리 생성 및 생김새

let obj = {} // 처음 객체 지정 방법
obj에 {} 중괄호를 할당 시켜준 것이 객체가 생성이 된 것이다.

let obj = new Object();
new 연산자와 Object 생성자 함수를 호출하여 빈 객체를 생성할 수 있다.

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

처음 변수에 객체를 할당시에 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. 딕셔너리 순회 방법

1. for in 문을 이용

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

 

2. 함수 사용 (정확히는 순회는 아님, 딕셔너리의 모든 키 또는 모든 값을 볼 수 있는 것 임)

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