inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

인덱스드 엑세스 타입

인덱스드 엑세스 배열 타입 이해가 안가는 부분이있어요

해결된 질문

288

작성자 없음

작성한 질문수 0

0

선생님 안녕하세요.

인덱스드 엑세스 배열 타입 이해가 안가는 부분이있어서요

강의 후반 예제 중에

 

type PostList = {
  title: string;
  content: string;
  author: {
    id: number;
    name: string;
    age: number;
  };
}[];

이 타입을 배열로 선언한 이유는

 

아래 포스트라는 객체가

post[0],post[1],post[2] .... 이런식으로

포스트가 많아지는 경우를 위해 배열로 만들었다고 생각했는데

image.png

 

실제 함수 호출부

image.png

printAuthorInfo(author: PostList[2]["author"])

에서 PostList[넘버 파라미터] 를 0으로 하던 2번으로 하던 전부 동일한결과가 출력되는데

 

실제 post객체는 강의 중

하나만 만들었으므로

post[0]만 작동되어야 할거같은데 2 번 3번 4번....

어디서부터 이해를 잘못한건지

전부 똑같이 출력되는이유가 궁금해요..

 

 

 

 

 

typescript

답변 1

0

이정환 Winterlood

안녕하세요 이정환입니다.

인덱스드 엑세스 타입의 인덱스로 숫자를 넣으면

말씀하신대로 어떤 숫자값을 넣던 모두 동일한 결과가 나옵니다.

그리고 그 결과는 해당 배열의 원소 타입이 됩니다.

 

배열에서의 인덱스드 엑세스 타입은

인덱스에 해당하는 값의 타입을 추론하는 기능이 아니기 때문입니다.

 

마치 post[1]의 1은 typeof 1로 작용하여

post[number]처럼 작용하는 것과 비슷하다고 생각하시면 됩니다.

 

다음 링크로 이동하셔서 핸드북의 아래 그림에 나온 부분을 다시 살펴보시면 좋을 것 같습니다!

https://ts.winterlood.com/4be60954-bc0e-4458-a58d-c0b367eb8ef4

image.png

 

적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>

0

25

2

outDir 옵션 추가 후 컴파일 오류 질문

0

62

1

호출 시그니처 질문

0

65

2

서로소 유니언 타입이 discriminated union과 동의어 인가요?

0

75

2

조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제

0

65

1

할인쿠폰 관련하여

0

155

2

프론트엔드에서의 인터페이스활용

0

94

2

안녕하세요 이정환님!

0

91

1

Node.js 설치에 관한 질문입니다.

0

79

2

함수 타입 호출 시그니처

0

56

1

35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?

0

64

2

인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?

0

118

4

마우스 호버 시 정보

0

92

2

vite으로 리액트 빌드하기를 업데이트해주세요.

1

89

2

타입가드를 만들어 사용하는 이유가 궁금합니다.

0

83

2

섹션 12가 너무 어려운데... 정상이겠죠..?

0

136

2

선생님.. 알고리즘도 강의해주시면안되나요

0

100

2

선생님은 어떻게 이런걸 아세요?

0

128

1

type: module

0

97

2

7:17초 업캐스팅 질문이있습니다!

0

76

1

슈퍼타입질문

1

62

2

프로젝트 설치

0

103

2

enum은 비원시 타입이면서 열거형 타입이 되는건가요?

0

69

2

함수는 함수타입? 객체타입??

1

94

2