Spread 연산자 파트 2
Coddy JavaScript 여정의 논리 & 흐름 섹션에 포함된 레슨 — 65개 중 19번째.
스프레드 연산자는 객체(JSON)를 병합할 수 있습니다:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};이제 completeProfile은 name, age, company 및 position의 네 가지 키를 모두 갖게 됩니다:
console.log(completeProfile);
// 출력: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}복사하는 동안 새로운 속성을 추가하거나 기존 속성을 재정의할 수도 있습니다:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};
챌린지
쉬움두 개의 자동차 객체를 매개변수로 받는 mergeCars라는 이름의 함수를 만드세요. 이 함수는 두 번째 자동차의 속성을 첫 번째 자동차의 속성에 병합하고, 원본 객체를 수정하지 않고 새로운 자동차 객체를 반환해야 합니다.
치트 시트
전개 연산자(spread operator)는 객체를 병합할 수 있습니다:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};또한 복사하는 동안 새로운 속성을 추가하거나 기존 속성을 덮어쓸 수도 있습니다:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};직접 해보기
function mergeCars(car1, car2) {
// 여기에 코드를 작성하세요
}
// 함수 외부에는 아무것도 작성하지 마세요
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
