eruLabo
YouTube
개발
Javascript 개발 일지

Javascript 객체 병합

70 views as of October 24, 2024.
개발하다가 좀 신기한 기능을 보게되서 기록하게 되었다.


ajax 통신을 위해서 위와 같이 여러가지 데이터를 패킹해서 백단으로 보내는데, body에 해당하는 데이터 파라미터들이 너무 나열되어있고 또 이 내용을 다른데에서 반복해서 쓰려니 좀 더 괜찮은 방법이 없나해서 머리좀 굴려보았다.


단순히 생각하면 데이터를 가져와 넘길 부분을 위와 같이 함수로 묶어둔 이후,


이런식으로 JSON body 에 넣으면 될 거 같은데, 문법에러가 뜨더라.

쉽게말해서 저기에 들어가는 형식이 안맞다는건데 이부분에 대해서 GPT에게 물어보니 Javascript ES6에는 객체 병합이라는 기능이 있어서 저런경우에 아래처럼 ...을 입력해서 객체를 넘기면 된다고 한다.


이렇게  넘기면 맨처음에 처럼 하나씩 파라미터를 한줄에 적는 방식과 똑같이 백단으로 파라미터를 모아서 날릴 수 있다.


위와는 다른 예제로 예를 들어, 2개 이상의 객체를 병합할 때

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
 
const merged = { ...obj1, ...obj2 };
 
console.log(merged); 
// 출력: { a: 1, b: 2, c: 3, d: 4 }Copy

이 방식처럼 객체를 병합할 수 있다.
겁나 편하다 진짜!
#개발 #Javascript #자바스크립트 #객체 병합
0 개의 댓글
이전글 보기 Froala Editor 이미지 매니저
다음글 보기 PHP 사이트맵 제작 (1)
×