inflearn logo
강의

講義

知識共有

[リニューアル] TypeScriptオールインワン: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

zerocho

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

zerocho

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

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

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

0

76

2

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

0

63

1

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

0

63

2

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

0

67

2

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

0

70

2

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

0

44

2

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

0

44

1

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

0

99

2

filter 메소드 질문

0

52

1

forEach 제네릭 관련 문의

0

59

1

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

0

162

1

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

0

206

1

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

0

223

1

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

0

157

1

bind type 질문

1

147

1

Lowercase type 관련 질문

0

151

1

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

0

264

1

타입스크립트 교과서, p131

0

264

1

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

0

231

1

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

1

268

1

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

0

264

1

타입스크립트 교과서 p83

1

182

1

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

1

225

1

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

0

335

1