TypeScript'te çoklu türlerle dizi tanımlama

185

Formun bir dizi vardır: [ 1, "message" ].

Bunu TypeScript'te nasıl tanımlayabilirim?

typescript

— dk123
kaynak

Buna benzer bir soru, cevapsız, ancak bu kez bilinmeyen sayıda öğeye sahip sınıf mirasını kullanıyor ve hepsi aynı sınıfı genişletiyor: stackoverflow.com/questions/50322488/…

— cancerbero 14:18

313

TypeScript'te çoklu türlerle dizi tanımlama

Sendika türü bir (string|number)[]demo kullanın :

const foo: (string|number)[] = [ 1, "message" ];

Formun bir dizi var: [1, "message"].

Her zaman yalnızca iki öğe olduğundan eminseniz, [number, string]bunu bir demet olarak bildirebilirsiniz:

const foo: [number, string] = [ 1, "message" ];

— basarat
kaynak

2

Bunun TS v1.4 +

— Brocco

6

... ve türlerden yalnızca birinde bulunan bir özelliğe erişmek istediğinizde, farklı özelliklere sahip karmaşık türlerle çalışmaz.

— Nadine

1

@Nadine Ve bu durumda ne yapılabilir?

— msanford

4

Hangi tür olduğu konusunda net olduğunuzda, bir tür iddiası yapabilirsiniz. Sonra özelliklere erişmek için çalışacaktır.

— Nadine

78

Bir demet gibi davranıyorsanız ( dil spesifikasyonunun 3.3.3 bölümüne bakın ), o zaman:

var t:[number, string] = [1, "message"]

veya

interface NumberStringTuple extends Array<string|number>{0:number; 1:string}
var t:NumberStringTuple = [1, "message"];

— curpa
kaynak

10

İPUCU: Tercih ederimtype NumberStringTuple = [number, string]

— basarat

1

Teşekkürler! Tamamen bunu arıyordum:const W3COLORS: [[string, string, number, number]] = [ ["aliceblue", "#f0f8ff", 240, 248, 255], ... ];

— CoderPi

1

Not - her iki tür de dizide OLMALIDIR (boş bir dizi için de çalışmaz). Kabul edilen cevap daha çok yönlüdür ve kişisel olarak her zaman kullanıyorum, ancak bu ihtiyaçlara bağlıdır.

— Druvis Cukurs

27

TS tüysüzüm diğer çözümlerden şikayet ediyordu, bu yüzden benim için çalışan çözüm:

item: Array<Type1 | Type2>

sadece bir tür varsa, kullanmak iyidir:

item: Type1[]

— Szamanm
kaynak

Bu harika, ama şimdi dizi üzerinde dönüyorsak, geçerli dizinin hangi tür olduğunu nasıl anlayabiliriz?

— thouliha

1

@thouliha stackoverflow.com/questions/50774790/…

— Rambatino

12

Ben birden çok türde öğeleri olabilir dizileri yazmak için aşağıdaki biçime yerleşti.

Array<ItemType1 | ItemType2 | ItemType3>

Bu test ve tip korumalarla iyi çalışır. https://www.typescriptlang.org/docs/handbook/advanced-types.html#type-guards-and-differentiating-types

Bu biçim, test veya tür korumalarıyla iyi çalışmaz:

(ItemType1 | ItemType2 | ItemType3)[]

— j4ys0n
kaynak

4

Bu sürümü kullanıyorum:

exampleArr: Array<{ id: number, msg: string}> = [
   { id: 1, msg: 'message'},
   { id: 2, msg: 'message2'}
 ]

Diğer önerilere biraz benziyor ama yine de kolay ve hatırlanması oldukça iyi.

— DerKarim
kaynak