JSON.stringify()로 스프레드 연산자 결과 출력하는 방법

스프레드 연산자(Spread Operator, ...)를 사용하면 하나의 표현식을 여러 개의 인수, 배열 요소 또는 객체 속성으로 확장할 수 있습니다. 특히 객체 리터럴에서 스프레드 연산자를 활용하면 여러 객체의 속성을 손쉽게 하나로 병합할 수 있습니다.

병합된 자바스크립트 객체를 사람이 읽기 좋은 형태로 확인하려면 JSON.stringify() 메서드를 사용해 객체를 문자열로 변환하면 됩니다. 아래 예제에서는 details1과 details2라는 두 객체에 스프레드 연산자를 적용해 하나의 객체로 합친 뒤, 그 결과를 JSON 문자열로 출력합니다.

예제 코드

다음은 전체 코드입니다.

var details1 = { name: 'John', age: 21 };
var details2 = { countryName: 'US', subjectName: 'JavaScript' };
var result = { ...details1, ...details2 };
console.log(JSON.stringify(result));

위 코드에서 { ...details1, ...details2 }는 details1의 모든 속성(name, age)과 details2의 모든 속성(countryName, subjectName)을 순서대로 복사해 새로운 객체 result를 생성합니다. 만약 두 객체에 동일한 키가 있다면 뒤에 오는 객체의 값이 앞선 값을 덮어쓴다는 점도 기억해 두면 유용합니다.

실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력합니다.

node fileName.js

여기서는 파일 이름이 demo267.js라고 가정합니다.

출력 결과

콘솔에는 다음과 같은 결과가 출력됩니다.

PS C:\Users\Amit\javascript-code> node demo267.js
{"name":"John","age":21,"countryName":"US","subjectName":"JavaScript"}

이처럼 스프레드 연산자와 JSON.stringify()를 조합하면 객체 병합 결과를 간결하고 명확하게 확인할 수 있어, 디버깅이나 로그 출력 시 매우 유용하게 활용됩니다.