TypeScript 数组

前言

        ts的数组几乎与js数组操作一致。本文主要讲一些需要关注的地方。

数组初始化

        初始化字符串数组

let character:string[]

        除了使用中括号 [] 的方法来声明数组,我们还可以使用数组泛型来定义数组

let numArr:Array = [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也行

// show的定义在上面
var myNames = show();
for (var i in myNames) {
    console.log(myNames[i]);
}

你可能感兴趣的:(Typescript,typescript,javascript,前端)