JavaScript 강의

1-11 (중요) 객체

kagan-draca 2024. 8. 12. 19:30

객체 : 객체와 관련된 정보의 묶음 덩어리이다!

 

(중요)객체의 형태

위와 같은 형태로

 

key : value의 한 쌍을 가진다.

이때, value에는 모든 형태의

값들이 올 수 있다.

 

ex)

으로 value에는 모든 종류의 형태가

들어갈 수 있다.

 

(중요)객체 생성 방법

1. 위와 같은 방법

 

2. 생성자 함수 this.를 사용해 속성을 정의해주는 방법

 

이 있다.

 

접근 방법

객체.속성

의 방식으로 객체의 속성에 접근할 수 있다.

 

(중요)객체 메소드(객체가 가진 여러 기능)

 

1. Object.key(객체) : 객체의 모든 key 정보를 출력하는 함수

 

 

2. Object.values(객체) : 객체의 모든 value 정보를 출력하는 함수

 

 

 

3. Object.entries(객체) : key와 value를 묶어서 만든 2차원 배열

 

 

 

key와 value가 하나의 배열로 만들어지고,

그 배열이 묶여 또 하나의 배열(2차원 배열)이

만들어진다.

 

4. Object.assign(복사 당할 객체, 복사할 객체, { key : value}) : 객체를 복사한다.

 

 

위의 코드에서

Obeject.assign(복사당 할 객체, 복사할 객체, 

{

key : value

})

새로운 key에 따른 value를 만들 수도 있고,

기존의 key에 따른 value를 변경할 수도 있다.

 

 

추가 학습

 

만약, 모두 동일한 key와 value를

가진 두 객체를 비교할 경우

두 객체는 같을까?

 

 

서로 다르다는 결과가 나타났다.

 

그 이유로는

 

객체는 크기가 큰 덩어리라

메모리에 저장할 때 별도의 공간에 저장하기 때문이다.

(별도의 process에 저장하는 것으로 보인다.)

 

 

그래서 두 경우를 비교하기 위한 함수가 별도로 존재하는데

그 함수가 

 

JSON.stringify(객체)이다!

 

1. JSON.stringify(객체) ==(===) JSON.stringify(객체)

 

2. 객체 병합 방법(spread operator(...))

... 기능은 그 객체를 풀어 해체하는 기능으로 이를 활용하면

 

let perfectMan = {...person1, ...person2 }

객체를 풀어 해치고 새로운 객체를

만들어 병합할 수 있다!

 

'JavaScript 강의' 카테고리의 다른 글

1-13 반복문  (0) 2024.08.12
1-12 (중요)배열  (0) 2024.08.12
1-10 조건 중첩 +(중요)(조건부 실행, 단축 평가)  (0) 2024.08.12
1-9 조건문  (0) 2024.08.12
1-8 스코프(scope)(범위) 및 화살표 함수  (0) 2024.08.12