zl程序教程

您现在的位置是:首页 >  前端

当前栏目

TypeScript数组类型定义

2023-09-27 14:22:17 时间

第一种方式:可以在元素类型后面接上 [],表示由此类型元素组成的一个数组:

var arr: number[] = [1, 2, 3]; //数字类型的数组
var arr2: string[] = ["1", "2"]; //字符串类型的数组
var arr3: any[] = [1, "2", true]; //任意类型的数组

第二种:是使用数组泛型,Array<元素类型>:

数组 泛型 Array<elemType> 表示法
表示 数组的类型是数字的哈
var arr: Array<number> = [1, 2, 3];
console.log(arr);

任意类型的哈
var arr2: Array<any> = [1, true, "123"];
console.log(arr2);

3可以采用接口表示法

interface Iarr {
[index: number]: string;
}
var arr2: Iarr = ["123", "345"];
//这个数组只能够是字符类型的

4.常见的用法

定义一个数组,数组arr有name字段,age可能有也有可能没有。
往该数组arr中新增数据
// 声明一个接口,接口的首字母通常是大写的
interface Iarr {
    name:string,
    age?:number //age可能有也有可能没有。
}
// Iarr后面应该有[],否者会报错的哈
let arr:Iarr[]=[{name:'13'}];
arr.push({name:'张三',age:14})

只能够取男或者女

interface PerIInfo {
  name: string;
  age: number;
  sex: '男' | '女'; //只能够取男或者女
};

let arr: PerIInfo[] = [{
  name: '张三',
  age: 10,
  sex:'男'
}]
console.log(arr)