assign(), concat() - 자바스크립트 두 JSON 객체 합치기

< 자바스크립트 JSON 객체 합치기 >

    어느 날 스터디를 하는데 스터디원이 json 객체 2개를 합쳐주는 메서드가 있다는 것을 검색하다 알게 되었다고 말했다.
그리고 오늘, 난 JSON 객체 두 개를 합치는 과정이 필요했다.

    https://developer.mozilla.org/로 가서 assign()에 대해 알아봤다. 그런데 이게 웬걸 ~ 이 assign 메서드는 같은 키 값인 것은 후자의 객체의 값으로 덮어씌운다.

    예를 들어,

const a = [
        	{ title: 1, value: 2 }, { title: 3, value: 4 },
          ];
const b = [
        	{ title: 5, value: 6 }, { title: 7, value: 8 },
          ];

const ab = Object.assign(a, b);
console.log(ab); // [ { title: 5, value: 6 }, { title: 7, value: 8 } ]

    이렇게 a와 b가 있을 때 a와 b를 assign하면 같은 키, 같은 구조일 때 두 번째 인자의 값이 덮어씌워진 객체가 반환된다.
난 a와 b가 이어지는 배열이 필요했기 때문에 이는 적절한 방법이 전~혀 아니었다.

 

    그래서 두 JSON 객체 합치기라고 검색해서 하나 찾은 방법!
그거슨 바로바로!!! CONCAT()!

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);
// Expected output: Array ["a", "b", "c", "d", "e", "f"]

    공식 문서를 보면 배열 1에 배열 2를 concat한 배열 3을 찍어보면 배열 1과 배열 2가 합쳐진 형태의 새 배열이 출력되는 것을 확인할 수 있다!

    오늘도 해결 완료!!