개발
Javascript 객체 병합
116 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
개의 댓글
개발 카테고리의 다른 글
10/29/2024
php 사이트맵 제작 (1)
사이트맵이란?사이트맵은 그 사이트의 여러가지 페이지에 접근가능한 링크의 모음, 즉 메뉴라 볼 수 있다. 근데 용도는 사용자가...
10/17/2024
Froala Editor 이미지 매니저
Froala Editor는 직관적이고 다양한 기능을 제공하는 웹 기반 WYSIWYG 에디터예요. 이 에디터는 스크립트를 활용해서 내부 기능...
10/10/2024
라라벨 AWS SDK를 설치했을때 나오는 PHP 버전 에러 우회 방법
라라벨 프로젝트에 AWS SDK를 설치하니 기존에 S3 Storage를 쓰던곳에서 아래와 같은 에러 메시지가 나왔다. 뭐 쉽게말하면 AWS-...
