Typescript: 배열의 값에서 유형 만들기

keyof 는 컴파일 타임에 정적으로 알려진 정보를 사용하기 때문에 작동합니다. TS의 유형은 완전히 지울 수 있고 트랜스 파일 된 코드에 존재하지 않으므로 배열의 런타임 콘텐츠를 기반으로 유형을 만드는 것이 불가능합니다.

이것은 가능하다:

function stringLiterals<T extends string>(...args: T[]): T[] { return args; }
type ElementType<T extends ReadonlyArray<unknown>> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;

const values = stringLiterals('A', 'B');
type Foo = ElementType<typeof values>;

const v1: Foo = 'A' // This should work
const v2: Foo = 'D' // This should give me an error since 'D' doesn't exist in values

그래도 이것을 수행하는 방법이 명확하지 않습니다. # 27179 관련입니다.

하지만 여전히 컴파일러에 의해 정적으로 알려진 정보를 사용하고 있습니다. 그 시점에서 나는 단지 ”A” | “B” 라고 말하는 것보다 이점이 무엇인지 이해하지 못합니다.

@fatcerberus 반복되는 정보를 피하는 것이 유용합니다. const values = ["A", "B"]; type Foo = "A" | "B"; 쓰면 다른 사람이 다른 사람을 변경하는 것을 잊으면서 그 중 하나를 변경하기 쉽습니다. 당신은 쓸 수 const values: Foo[] =["A", "B"]; ,하지만 여전히에 추가 항목을 추가하는 감수성의 Foo 와에 넣어 잊어 values .

지금 우리는 어디에 있습니까?

@ andy-ms가 말했듯이 수동으로 정보를 반복하지 않는 것이 정말 유용 할 것이라고 말했습니다.
@fatcerberus가 말했듯이 유형은 완전히 지울 수 있습니다. 예를 들어 애플리케이션의 순수하지 않은 부분 (예 : 웹 서비스 또는 사용자)에서 얻은 데이터를 런타임 확인해야하는 경우가 있습니다.

@ andy-ms의 답변을 기반 으로하고 typescript 3.4에 도입 된 const 어설 션을 사용하면 이제 다음과 같은 작업을 수행 할 수 있습니다.

const values = ['A', 'B'] as const
type ElementType < T extends ReadonlyArray < unknown > > = T extends ReadonlyArray<
  infer ElementType
>
  ? ElementType
  : never

type Foo = ElementType<typeof values> // this is correctly inferred as literal "A" | "B"

이 문제는 '질문'으로 표시되었으며 최근 활동이 없습니다. 청소를 위해 자동으로 닫혔습니다. 여전히 응답을 기다리고 있다면 질문은 일반적으로 stackoverflow에 더 적합합니다.

[email protected] 이상. 이렇게 해결해

export const type = <const>[
  'room',
  'room_with_gifter',
  'user_send'
];

export interface Activity {
  id?: string;
  type: typeof type[number];
}

대신 :

export const items = <const>[
  'room',
  'room_with_gifter',
  'user_send'
];

export interface Activity {
  id?: string;
  type: typeof items[number];
}

다음과 같이 할 수 있습니다.

export const items = [
  'room',
  'room_with_gifter',
  'user_send'
] as const;

export type Item = typeof items;

export interface Activity {
  id?: string;
  type: Item;
}

_ type 를 변수 이름으로 사용하는 것을 정말 싫어합니다 ._

@ 7kms

[email protected] 이상. 이렇게 해결해

export const type = <const>[
  'room',
  'room_with_gifter',
  'user_send'
];

export interface Activity {
  id?: string;
  type: typeof type[number];
}

이제 수업에이게 있으면 어떡하죠?

class Class {
  const list = <const>[
   'room',
   'room_with_gifter',
   'user_send'
 ];

 const withType: typeof list[number];
}

작동하지 않습니다. this.list[number] 도 할 수 없습니다. 또한 내 특정
사용 사례, list 을 static 설정할 수 없습니다.

@ 7kms

[email protected] 이상. 이렇게 해결해

export const type = <const>[
  'room',
  'room_with_gifter',
  'user_send'
];

export interface Activity {
  id?: string;
  type: typeof type[number];
}

이제 수업에이게 있으면 어떡하죠?

class Class {
  const list = <const>[
   'room',
   'room_with_gifter',
   'user_send'
 ];

 const withType: typeof list[number];
}

작동하지 않습니다. this.list[number] 도 할 수 없습니다. 또한 내 특정
사용 사례, list 을 static 설정할 수 없습니다.

당신은 사용할 수 없습니다 @vegerot const 직접 범위에 class 구문이 올바르지 않습니다 그래서.

@ 7kms

[email protected] 이상. 이렇게 해결해

export const type = <const>[
  'room',
  'room_with_gifter',
  'user_send'
];

export interface Activity {
  id?: string;
  type: typeof type[number];
}

이제 수업에이게 있으면 어떡하죠?

class Class {
  const list = <const>[
   'room',
   'room_with_gifter',
   'user_send'
 ];

 const withType: typeof list[number];
}

작동하지 않습니다. this.list[number] 도 할 수 없습니다. 또한 내 특정
사용 사례, list 을 static 설정할 수 없습니다.

당신은 사용할 수 없습니다 @vegerot const 직접 범위에 class 구문이 올바르지 않습니다 그래서.

@ 7kms 내 나쁜. 너무 많이 복사해서 붙여 넣었습니다. 내가 말하려는 것은

class Class {
  private list = <const>[
   'room',
   'room_with_gifter',
   'user_send'
 ];

 private withType: typeof list[number];

// OR
  private withType2: typeof this.list[number];

}

등 모두 작동하지 않습니다.
또한 특정 사용 사례에서는 목록을 정적으로 설정할 수 없습니다.

@ 7kms

[email protected] 이상. 이렇게 해결해

export const type = <const>[
  'room',
  'room_with_gifter',
  'user_send'
];

export interface Activity {
  id?: string;
  type: typeof type[number];
}

이제 수업에이게 있으면 어떡하죠?

class Class {
  const list = <const>[
   'room',
   'room_with_gifter',
   'user_send'
 ];

 const withType: typeof list[number];
}

작동하지 않습니다. this.list[number] 도 할 수 없습니다. 또한 내 특정
사용 사례, list 을 static 설정할 수 없습니다.

당신은 사용할 수 없습니다 @vegerot const 직접 범위에 class 구문이 올바르지 않습니다 그래서.

@ 7kms 내 나쁜. 너무 많이 복사해서 붙여 넣었습니다. 내가 말하려는 것은

class Class {
  private list = <const>[
   'room',
   'room_with_gifter',
   'user_send'
 ];

 private withType: typeof list[number];

// OR
  private withType2: typeof this.list[number];

}

등 모두 작동하지 않습니다.
또한 특정 사용 사례에서는 목록을 정적으로 설정할 수 없습니다.

class Class {
  private list = [
    "room",
    "room_with_gifter",
    "user_send"
  ] as const

  private withType: Class["list"][number]
}

@vegerot 어때요?

@eyalch 굉장합니다! 감사합니다. 나는 해결책이 typeof 또는 무언가를 포함 할 것이라고 생각했습니다. 이것이 어떻게 작동하는지에 대한 간단한 설명을 주시겠습니까, 아니면 이것이 논의되는 핸드북으로 저를 연결해 주겠습니까?

@eyalch 굉장합니다! 감사합니다. 나는 해결책이 typeof 또는 무언가를 포함 할 것이라고 생각했습니다. 이것이 어떻게 작동하는지에 대한 간단한 설명을 주시겠습니까, 아니면 이것이 논의되는 핸드북으로 저를 연결해 주겠습니까?

@vegerot 물론입니다. "인덱스 유형"이라고 생각합니다. 여기 핸드북에 있습니다 : https://www.typescriptlang.org/docs/handbook/advanced-types.html#index -types

도와 드릴 수있어서 기쁩니다!

% username % 님, ElementType 솔루션이 당신에게도 효과가 없다면,
배열 후 as const 에주의하십시오. 중요하다