5、数组类型

// 第一种方式
let arr1: number[] = [1, 2, 3, 4] // 数字类型数组
let arr2: boolean[] = [true, false, false] // 布尔类型数组

// 第二种方式(范型方式)Array<类型>
let arr3: Array<number> = [1, 2, 3, 4] 

定义对象数组:

// 可以使用interface
interface X {
  name: string,
  age?: number
}

let arr: X[] = [{ name: "小皇", age: 16 }, { name: "小子" }]

多维数组:

// 第一种方式
let arr2: number[][] = [[2], [33], [4]] // [][] 二维
let arr3: number[][][] = [[[33], [77]], [[66]]] // [][][] 三维

// 第二种方式:范型方式
let ar2: Array<Array<number>> = [[12], [56]] // 二维
let ar3: Array<Array<Array<string>>> = [[['111'], ['2222']]] // 三维

‘混合型’数组:

// 第一种方式
let arr: any[] = ['kkk', false, 235, null]

// 第二种方式:写成元组(比较麻烦)
let arr1: (string | number | boolean | null)[] = ['kkk', false, 235, null]
let arr2: [string, boolean, number, null] = ['kkk', false, 235, null]

数组在函数中的用法:

// 参数不知道有多少个就用解构...
function fn(...args: any[]) { // 不明确类型用any
  console.log(args) // [ 1, '22', true ]
}
fn(1, '22', true)

function fn1(...args: string[]) { // 明确string类型
  console.log(args) // [ '喜喜', '22' ]
  // 函数中有个关键字叫arguments,类数组(伪数组),它没有数组forEach这些方法
  console.log('arguments', arguments) // arguments [Arguments] { '0': '喜喜', '1': '22' }
  // 定义类数组:
  // let a: any[] = arguments // 报错Type 'IArguments' is missing the following properties from type 'any[]': pop, push, concat, join, and 27 more.
  let a: IArguments = arguments // ts提供的内置对象IArguments来定义
  let a1: Ia = arguments
}
fn1('喜喜', '22')

// IArguments的原理
interface Ia {
  callee: Function,
  length: number,
  [index: number]: any
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值