前言
ts的数组几乎与js数组操作一致。本文主要讲一些需要关注的地方。
数组初始化
初始化字符串数组
let character:string[]
除了使用中括号 [] 的方法来声明数组,我们还可以使用数组泛型来定义数组
let numArr:Array<number> = [1, 2, 3, 4, 5];
至于什么是泛型,请看后面的推文。
对象数组:
interface resObj {
name:string,
money: number
}
const arr: resObj[] = [{name:'艾丽娅',money:200}]
数组解构
解构是一种表达式,将数组或者对象中的数据赋予另一个变量。
let numArr:number[] = [1, 2, 3];
var[a, b, c] = numArr;
结果得到a是1 b是2 c是3。JS的ES6也已经只吃了数组解构
var arr = [1,2,3]
var [a,b,c] = arr
多维数组怎么写
let arrNew: number[][] = [[0,1],[3,2]]
从函数返回数组
function show():string[] {
return new Array("郭靖", "黄蓉", "杨过", "小龙女")
}
遍历数组
跟JS一样,该怎么遍历就怎么遍历。毕竟TS是JS的超集!
const rec = (children: string[]) =>
children.forEach(node => {
console.log(node)
});
或者你想用for of也行文章来源:https://www.toymoban.com/news/detail-708409.html
// show的定义在上面
var myNames = show();
for (var i in myNames) {
console.log(myNames[i]);
}
特殊数组 ReadonlyArray<T>
ReadonlyArray<T> 类型,它与 Array<T> 相似,只是把所有可变方法去掉了,因此可以确保数组创建后再也不能被修改。文章来源地址https://www.toymoban.com/news/detail-708409.html
let a: number[] = [1, 2, 3, 4];
let ro: ReadonlyArray<number> = a;
ro[0] = 12; // error!
ro.push(5); // error!
ro.length = 100; // error!
a = ro; // error!
到了这里,关于TypeScript 数组的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!