[미니프로젝트 영상설명 참고] 자바스크립트 강의 EP_21 | 객체(Object)2 | 참조타입, Call By Value, Call By Reference | ES6+ 최신 문법

📌 참조 타입과 프리미티브 타입

자바스크립트에서는 데이터 타입을 크게 두 가지로 나눌 수 있습니다: 프리미티브 타입과 참조 타입입니다. 프리미티브 타입은 숫자, 문자열, 불리언, null, undefined, symbol과 같은 기본 데이터 타입으로, 메모리에 값 자체가 저장됩니다. 반면, 참조 타입은 객체, 배열, 함수 등으로, 메모리에는 실제 값이 저장된 주소를 참조합니다. 예를 들어, 문자열 'hello'는 프리미티브 타입으로 변수에 직접 저장되지만, 객체는 메모리의 특정 주소를 가리키는 참조값이 저장됩니다. 이러한 차이는 데이터의 수정 및 함수 호출 시에 큰 영향을 미치며, 자바스크립트 엔진이 데이터를 처리하는 방법에도 차이를 만듭니다.

📌 콜바이밸류와 콜바이레퍼런스

자바스크립트에서 함수에 값을 전달할 때 두 가지 방식으로 이루어집니다: 콜바이밸류와 콜바이레퍼런스입니다. 콜바이밸류는 값 자체를 복사하여 함수에 전달하는 방식으로, 프리미티브 타입이 여기에 해당됩니다. 예를 들어, 숫자나 문자열을 함수에 전달하면 내부적으로 별도의 복사본이 생성되어 함수 내에서 수정되더라도 원본은 영향을 받지 않습니다. 반면, 콜바이레퍼런스는 참조값을 전달하는 방식으로, 객체나 배열 등이 이에 해당됩니다. 함수 내에서 참조된 객체의 속성을 변경할 경우, 원본 객체에도 변화가 발생합니다. 이러한 차이는 함수의 결과를 예측하고 버그를 방지하는 데 중요한 요소입니다.

📌 변수 선언과 함수 호출

자바스크립트에서 변수를 선언할 때 var, let, const 키워드를 사용합니다. var는 함수 스코프를 가지며, let과 const는 블록 스코프를 가집니다. const로 선언된 변수는 재할당이 불가능하지만, 객체의 속성은 수정이 가능합니다. 함수 호출 시, 프리미티브 타입의 경우 값이 복사되어 전달되지만, 객체 타입의 경우 참조가 전달됩니다. 예를 들어, 변수에 문자열을 할당하고 이를 함수에 전달하면, 함수 내에서 값을 변경하더라도 원본에는 영향이 없습니다. 반면, 객체의 속성을 함수 내에서 변경하면, 원본 객체도 변경됩니다. 이러한 특성은 변수의 사용과 함수 설계 시 중요한 고려사항입니다.

📌 객체 복사와 전개구문

객체를 복사하는 방법에는 여러 가지가 있습니다. 기본적인 방법은 전개구문(Spread Operator)을 사용하는 것입니다. 전개구문은 객체 내의 모든 속성을 새로운 객체로 펼쳐서 복사하는 방식으로, 얕은 복사를 수행합니다. Object.assign() 메소드도 유사한 기능을 제공하며, 첫 번째 인자로 빈 객체를 전달하고 두 번째 인자로 복사할 객체를 전달하여 새로운 객체를 생성합니다. 이러한 방법들은 객체의 복사본을 생성하여 원본 객체를 안전하게 보호하면서 데이터 조작을 가능하게 합니다. 하지만, 깊은 복사가 필요한 경우에는 별도의 라이브러리나 사용자 정의 함수를 사용해야 합니다.

📌 객체의 키 존재 여부 확인

객체의 특정 키가 존재하는지를 확인하는 방법도 자주 사용됩니다. 'in' 연산자를 사용하면 객체에 해당 키가 존재하는지를 간단히 체크할 수 있습니다. 또한, Object.keys() 메소드를 사용하여 객체의 모든 키를 배열로 반환받고, 해당 배열에 특정 키가 포함되어 있는지를 확인할 수도 있습니다. hasOwnProperty() 메소드는 객체가 특정 키를 직접적으로 가지고 있는지를 확인하는 데 유용합니다. 이러한 방법들은 객체의 구조를 파악하고, 데이터 유효성을 검증하는 데 중요한 역할을 합니다. 정확한 키 존재 여부를 판단함으로써 코드의 안정성을 높일 수 있습니다.

🔗 공식사이트

자바스크립트 공식 문서에서 더 많은 정보를 확인하세요.