티스토리 뷰

타입스크립트 맵드타입을 알아보겠습니다. 맵드타입이란 기존에 정의가 되어 있는 타입을 새로운 타입으로 변환해 주는 것을 의미 합니다. 자바스크립트의 map 이라는 함수를 이용하는 것과 비슷합니다.

const a = [1, 2, 3];
const b = a.map(item => item * 2);

console.log(b); // [2, 4, 6]

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

자바스크립트의 맵은 오브젝트, 배열 등의 객체를 순회하면서 새로운 객체로 반환하는 함수 입니다.

 

Array.prototype.map() - JavaScript | MDN

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

developer.mozilla.org

맵드타입 기본 예제

type Food = "kimchi" | "kimbab" | "lamen";
type FoodColor = {
  [K in Food]: string;
};

const obj: FoodColor = {
  kimchi: "red",
  kimbab: "black",
  lamen: "orange",
};