TypeScript中interface定义数组对象多重嵌套
1、数组包对象
类型
{ list:<list>[ { img: "../../../../image/1.png", text: "限时抢购", url: "/pages/index/index" }, ] }
接口定义
interface listItem{
img: string,
text: string,
url: string
}
interface list{
[index: number]: listItem
}
2、多重嵌套,数组包对象包数组包对象
类型
list: <list>[ { url: "/pages/index/indedx", text: "text", data: [ { name: "test", info: { num: 10, price: 20 } }, { name: "test", info: { num: 10, price: 20 } } ] }, { url: "/pages/index/indedx", text: "text", data: [ { name: "test", info: { num: 10, price: 20 } } ] }, ],
接口定义
interface dataObj{
num:number,
price:number,
}
interface dataItem{
name:string,
info:dataObj,
}
interface data{
[index: number]: dataItem
}
interface listItem{
url:string,
text:string,
data:data
}
interface list{
[index: number]: listItem
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)