跳至主要內容

数组

刘春龙原创...大约 1 分钟WEB前端TypeScript教程文档

TypeScript 像 JavaScript 一样可以操作数组元素。 有两种方式可以定义数组。

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

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

let list: number[] = [1, 2, 3];

let list: Array<number> = [1, 2, 3]; // 推荐

提示

学过 java 的小伙伴们应该都知道,泛型用<>来承载,即把数据类型当作参数来传递

TypeScript 和 JavaScript 的数组是有区别的,但无论是那种方式,读取的方式并没有发生变化。

一个数组中只能有一中数据类型的元素,例如:

[“苹果”,”苹果”,”苹果”,”苹果”]

但一定不能是:

[“苹果”,”苹果”,”苹果”,”橘子”]

const arr: number[] = [1, 2, 3];
const arr1: Array<string> = ["1", "2", "3"];
arr.push(4);
// arr1.push(4)   // 报错 类型“number”的参数不能赋给类型“string”的参数
console.log(arr); // [1, 2, 3,4]
console.log(arr1); // ["1","2","3"]

任意类型

在 JavaScript 中,我们习惯了数组中可以存在任何类型的数据,在 TypeScript 中,依然也可以

let list: any[] = ["it", 10, { website: "https://it.com" }];
let list: Array<any> = ["it", 10, { website: "https://it.com" }];
上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7