如何声明包含数组的对象?TypeScript对应接口声明方法
TypeScript 接口声明方案
针对你给出的 JavaScript 对象,我们可以分两步定义对应的 TypeScript 接口:
- 定义数组中单个元素的接口
先为数组里的{x, y}对象声明接口,明确属性类型:
interface Point { x: number; y: number; }
- 定义顶层对象的接口
由于顶层对象的键是任意字符串类型,值是Point类型的数组,我们可以用索引签名来声明:
interface PagePoints { [key: string]: Point[]; }
使用示例
现在就能用这个接口约束变量了:
let obj: PagePoints = { "page1": [{x: 1, y: 2}, {x: 2, y: 5}], "page2": [{x: 1, y: 2}, {x: 2, y: 5}], "dsfsfffsfs": [{x: 1, y: 2}, {x: 2, y: 5}] };
如果需要固定某些键名(比如必须包含 page1、page2),同时允许其他任意字符串键,可以调整接口:
interface PagePoints { page1: Point[]; page2: Point[]; [key: string]: Point[]; }
这种写法既强制了指定键的存在,又保留了扩展其他键的灵活性。
内容的提问来源于stack exchange,提问作者Chris Hansen
相关产品推荐
相关产品推荐

