inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

filter 타입 직접 만들기

타입만들기가 아직 너무 어렵습니다. 혼자 문제를 만들어 풀어보다가 문의드립니다.

688

mj

작성한 질문수 2

0

const obj = {
  a: '1',
  p: '2',
  l: '3',
};

const test = (v) => {
  return v.replace(/a|p|l/gi, (matched) => {
    return obj[matched];
  });
};
test('apple'); // 기대되는값 1223e

replace를 이용해서 한번 여기에 타입을 달아보고 싶어서

  const test = (v: string) => {
    const matchedFunc: (
      matched: keyof typeof obj,
    ) => typeof obj[keyof typeof obj] = (matched) => {
      return obj[matched];
    };
    return v.replace(/a|p|l/gi, matchedFunc);
  };

이런식으로 수정을 시도했는데 일치하는 오버로드가 없다고 나옵니다..

 

interface Arr<T> {
    replace():void;
}

강의에서처럼 이렇게 두고 수정을 해보려고 해보았지만 아직 너무 어려운거 같습니다. 어떻게 하는게 좋을지 의견부탁드립니다.

typescript

답변 2

0

mj

말해주신대로 했을때 obj[matched]에서

'string' 형식의 식을 '{ a: string; p: string; l: string; }' 인덱스 형식에 사용할 수 없으므로 요소에 암시적으로 'any' 형식이 있습니다.
'{ a: string; p: string; l: string; }' 형식에서 'string' 형식의 매개 변수가 포함된 인덱스 시그니처를 찾을 수 없습니다.ts(7053)

라고 에러가 나타나는데 해결이 안되서 점점 이상하게 변했습니다 ..ㅠ

0

제로초(조현영)

const obj = {
  a: '1',
  p: '2',
  l: '3',
};

const test = (v: string) => {
  return v.replace(/a|p|l/gi, (matched) => {
    return obj[matched as keyof typeof obj];
  });
};
test('apple');

이렇게 하셔야할 것 같습니다. replace가 정규표현식 메서드라 타입 추론 능력이 부족해서 as 써야 합니다.

0

mj

제가 정말 이상하게 접근을 하려고 했네요 ㅋㅋ

열심히 복습하겠습니다!

답변 감사합니다~!!

0

제로초(조현영)

사실 뭘 하려고 하시는건지 잘 모르겠습니다.

v: string 외에는 타입을 달 필요가 없는 코드입니다.

데코레이터가 현재도 자주 쓰이는 문법인가요?

0

81

2

유틸리티 타입 실제로 구현은 못해도 하나씩 외우면 실무할 때 지장 없겠죠?

0

66

1

매핑 타입은 type에서밖에 안된다고 하네요?

0

65

2

자바에서의 오버로딩과 같은 개념이라고 생각해도 되나요?

0

69

2

filter 함수 반환 타입 네로잉 질문

0

74

2

map<U>(callbackfn: ....) 할때 U는 왜 여기 있는거에요??

0

49

2

ts 컴파일을 위한 type 라벨링 부분

0

46

1

concat 함수 타입 구현 중 질문 있습니다!

0

100

2

filter 메소드 질문

0

53

1

forEach 제네릭 관련 문의

0

60

1

타입 추론 시 가장 넓은 범위로 추론이 되는 건가요?

0

166

1

enum이 javascript로 트랜스파일링될때 사라진다하셨는데요

0

207

1

함수 파라미터 타입 정의 시 ...args: any[]와 ...args: any 의 차이

0

223

1

Flat type에서 ReadonlyArray 타입을 사용하는 이유?

0

157

1

bind type 질문

1

149

1

Lowercase type 관련 질문

0

152

1

key-value 타입 자동추론 질문드립니다

0

266

1

타입스크립트 교과서, p131

0

266

1

타입스크립트 교과서 p122 forEach 메서드 질문

0

233

1

타입스크립트 교과서 p116 , 코드에러남

1

269

1

타입스크립트 교과서 p112 , 코드가 안읽힙니다..

0

266

1

타입스크립트 교과서 p83

1

184

1

타입스크립트교과서 p39 쪽 코드가 이해가 안되요

1

227

1

class 에서 ts의 private vs js의 private field( # )

0

339

1