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
}
复制代码
posted @   Pavetr  阅读(7267)  评论(3编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示