자주 사용하지만 자주 잊어버리는 노트

4968 단어 TypeScripttech

이 보도는?


이것은 내가 자주 사용하지만 매번 잊어버리는 그 사람의 노트다.
차례대로 추가하다.

객체를 작성할 때 빈 값과 빈 값을 각 키로 나눕니다.


const a = 1
const b = 'Hello World!!'
const c: string | null = null

const good = {
  a, b,
  ...(c && { c }),
}
/**
 * {
 *    a: 1,
 *    b: 'Hello World!!',
 * }
*/
const notGood = {a, b, c} 
/**
 * {
 *    a: 1,
 *    b: 'Hello World!!',
 *    c: null,
 * }
*/

Array.prototype.필터로 특정 형식만 남겨주세요.


const result = ['a', 'b', 'c', undefined, null]
  .filter(
    (item): item is Extract<typeof item, string> => typeof item === 'string'
  )

Object.키스 정형화


const engineer = {
  name: 'hogehoge',
  age: 20,
  profile: 'hello world',
  skillSets: ['Typescript', 'React']
};

const result2 = (Object.keys(engineer) as (keyof typeof engineer)[])

좋은 웹페이지 즐겨찾기