You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何声明包含数组的对象?TypeScript对应接口声明方法

TypeScript 接口声明方案

针对你给出的 JavaScript 对象,我们可以分两步定义对应的 TypeScript 接口:

  1. 定义数组中单个元素的接口
    先为数组里的 {x, y} 对象声明接口,明确属性类型:
interface Point {
  x: number;
  y: number;
}
  1. 定义顶层对象的接口
    由于顶层对象的键是任意字符串类型,值是 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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 23:40:42