[ JavaScript ] 객체 간 비교하기 & 참조와 복사

📌 객체 간 비교하기

객체 사이에 비교 연산을 할 때 

객체가 아닌 숫자, 문자열, 불 값, null, undefined 는 모두 true 를 반안한다.

{} === {}

=> false

//코드 출처 (도서)Let's Get IT 자바스크립트 프로그래밍

'str' === 'str';
123 === 123;
false === false;
null === null;
undefined === undefined;

==> true

//코드 출처 (도서)Let's Get IT 자바스크립트 프로그래밍

객체는 모양이 같아도 생성할 때마다 새로운 객체가 생성된다. 따라서 같은 객체인지 비교하려면 기존 객체를 변수에 저장해 두어야 한다.

const a = { name: 'irro' };
const array = [1, 2, a];
onsole.log(a === array[2]);

=> true

//코드 출처 (도서)Let's Get IT 자바스크립트 프로그래밍

---

📌 참조와 복사

객체를 사용할 때 알아야 하는 개념. 참조 ( reference ) 이다.

const a = { name: 'irro' };
const b = a;
a.name = 'hero';
console.log(b.name);

=> hero

//코드 출처 (도서)Let's Get IT 자바스크립트 프로그래밍

변수 b 에 a 를 대입한 상황이다. a 변수의 name 속성 값을 변경하면서 b 변수도 같이 변경됐다.

객체를 저장한 변수를 다른 변수에 대입하면 두 변수 모두 같은 객체를 저장하는 셈이다.

이러한 상황일 때 변수 a 와 b 가 같은 객체를 참조하고 있다고 표현한다.

또는 a 와 b 그리고 객체 간에 참조 관계가 있다고 표현한다.

 

다만, 객체가 아닌 값 ( 문자열, 숫자, 불 값, null, undefined ) 의 경우는 다르다.

let a = 'irro'; //객체가 아닌 문자열이다.
let b = a;
a = 'hero';
console.log(b);

=> irro

//코드 출처 (도서)Let's Get IT 자바스크립트 프로그래밍

a 를 바꿨는데 b 는 영향을 받지 않는다. 

객체가 아닌 값을 변수에 저장한 경우에는 참조 관계가 생기지 않기 때문이다.

이렇게 참조가 생기지 않는 상황을 복사 ( copy ) 라고 한다.

---

-(도서) Let's Get IT 자바스크립트 프로그래밍

https://thebook.io/

더북(TheBook): Let's Get IT 자바스크립트 프로그래밍

-(강좌) 렛츠기릿 자바스크립트

https://www.inflearn.com/

[무료] [리뉴얼] 렛츠기릿 자바스크립트 - 인프런 | 강의