객체에 기본값을 주는 법

Jihyun-Jeon·2022년 3월 3일

Javascript - Deep Dive

목록 보기
4/26
  • 방법1: 삼항 연산자
const test1 = function (obj) {
  obj.char = obj.char ? obj.char : "cool";
  console.log(`${obj.name},${obj.tall},${obj.char},`);
 };

test1({ name: "jihyun", tall: "165" });
  • 방법2: or 활용
const test1 = function (obj) {
  obj.char = obj.char || "cool";
  console.log(`${obj.name},${obj.tall},${obj.char},`);
};

test1({ name: "jihyun", tall: "165" });
  • 방법3: 전개연산자를 이용해 객체를 수정
const test1 = function (obj) {
   obj = { char: "cool", ...obj };
   console.log(`${obj.name},${obj.tall},${obj.char},`);
};

test1({ name: "jihyun", tall: "165" });
  • 방법4 - 아예 함수의 정의 자체를 수정(객체의 속성을 꺼내서 객체에 할당)
const test2 = function ({ name, tall, char, status = "이상없음" }) {
  console.log(`${name},${tall},${char},${status}`);
};

test2({ name: "져니", tall: "165", char: "calm" });
profile
~23.05 (🚌 이사갔어요👉👉https://journey-dev.tistory.com)

0개의 댓글