Home IT/WEB 객체 내부에 객체를 삽입하는 방법 _.set()

[lodash] 객체 내부에 객체를 삽입하는 방법 _.set()

set 메소드는 객체의 속성에 값을 할당하는 기능을 수행합니다. 이 메소드를 사용하면 객체 내에 존재하지 않는 속성도 자동으로 생성하고 값을 할당할 수 있습니다. 또한, 객체의 중첩된 속성도 점 또는 배열 인덱스를 사용하여 쉽게 접근할 수 있습니다. set 메소드에 대해서 알아보겠습니다.

set 메소드의 구문

inline ad
_.set(object, path, value)
  • object: 값을 할당할 대상 객체입니다.
  • path: 값을 할당할 속성의 경로입니다. 문자열 또는 배열 형태로 지정할 수 있습니다.
  • value: 할당할 값입니다.

set 메소드의 동작 방식

set 메소드는 object 객체 내의 path 경로에 value 값을 할당하는 역할을 합니다. path 경로는 문자열 또는 배열로 지정할 수 있으며, 여러 단계의 중첩된 속성에도 접근할 수 있습니다.

// 대상 객체
const person = {
  name: 'Lee',
  age: 18,
  address: {
    city: 'Seoul',
    postCode: '10001'
  }
};

// `set` 메소드를 사용하여 값을 할당
_.set(person, 'name', 'Kim');
_.set(person, 'address.city', 'Busan');
_.set(person, ['address', 'postCode'], '90001');
_.set(person, 'hobbies[0]', 'Reading');

console.log(person);
/*
출력 결과:
{
  name: 'Kim',
  age: 18,
  address: {
    city: 'Busan',
    postCode: '90001'
  },
  hobbies: ['Reading']
}
*/

객체 내에 객체를 삽입하는 예제

set 메소드를 사용하면 간편하게 객체 내에 객체를 삽입할 수 있습니다.

// 대상 객체
const person = {
  name: 'Lee',
  age: 18,
};

// 중첩된 객체를 삽입할 경로
const path = 'address';

// 삽입할 중첩된 객체
const address = {
  city: 'Seoul',
  postCode: '10001',
};

// set 메소드를 사용하여 중첩된 객체를 삽입
_.set(person, path, address);

console.log(person);
/*
출력 결과:
{
  name: 'Lee',
  age: 18,
  address: {
    city: 'Seoul',
    postCode: '10001',
  }
}
*/

Lodash의 set 메소드는 객체의 속성에 값을 할당하고, 중첩된 속성에도 간편하게 접근할 수 있는 유용한 메소드입니다. set 메소드를 사용하여 객체를 쉽게 조작하고 관리할 수 있으며, 존재하지 않는 속성도 자동으로 생성되므로 편리하게 활용할 수 있습니다.

RECENT POSTS

[nest.js]nest.js, node.js, 프로젝트 생성 방법

Node.js 설치 Node.js의 공식 웹사이트(nodejs.org)에서 Windows용 인스톨러를 다운로드합니다. 다운로드한 인스톨러를 실행하여 설치합니다. Node Version Manager(NVM)을 사용하는 경우 nvm install node # 최신 버전 설치 nvm install 14 #...

[광주]위파크 더 센트럴 분양주택 분양안내

기본정보 공급위치: 광주광역시 서구 풍암동 10-12번지 일원 공급번호: 2023000351 공급규모: 625세대 분양/입주: 분양 2023-08-04 / 입주 2026-08 건설사: (주)호반건설 (주)라인건설 분양문의: 1670-5676 분양정보: 분양정보 자세히보기 홈페이지 주소: http://www.wepark-central.co.kr/ 모집공고문 보기 청약일정 모집공고일: 2023-08-04 청약접수: 2023-08-14...

[강원]힐스테이트 속초 분양주택 분양안내

기본정보 공급위치: 강원특별자치도 속초시 금호동 622-40 일원 공급번호: 2023000337 공급규모: 925세대 분양/입주: 분양 2023-07-21 / 입주 2026-05 건설사: 현대엔지니어링(주) 분양문의: 033-947-0925 분양정보: 분양정보 자세히보기 홈페이지 주소: http://www.hillstate-sokcho.co.kr 모집공고문 보기 청약일정 모집공고일: 2023-07-21 청약접수: 2023-07-31 ~...

GSAP와 ScrollTrigger 플러그인을 사용하여 여러 패널을 고정 시키는 방법

여러 패널 고정시키는 방법 GSAP (GreenSock Animation Platform)과 ScrollTrigger 플러그인을 사용하여 여러 패널을 스크롤 위치에 따라 고정하는 기능을 구현할 수 있습니다. <section id="section1" class="parallax__item"></section> <section id="section2"...