一、typeScript 數組

1、數組解構

/* let [x:number,y:string,z:number] = [1,'1',3]; 報錯，不支持 *//*let x:number; let y:string; let z:Array<number>;let testArray =[0,'nihao',[1,2,3]];[x,y,z] = testArray;console.log(x,y,z); 不能使用其他類型 */let x:number; let y:number;let z:number;let testArray =[0,1,2,3,4];[x,y,z]= testArray;console.log(x,y,z);

2、數組遍歷

let colors:any = ["red", "green", "blue",1,2]; colors.forEach((v:number|string):void=>{console.log(v); });

二、typeScript 對象

1、對象解構 (和JS一樣)

let person = {namex: "Semlinker",genderx: 100,listx:[1,2,3,4] }; let { namex, genderx } = person; console.log(namex,genderx);

2、對象展開運算符(和JS一樣)

let humdog = {dogN:89,dogM:'hao gou',dogA:99 }; // 組裝對象 let humdig= {...humdog,age:99}; // 獲取除了某些項外的其它項 let {dogN,...restDog} = humdig; console.log(humdig,'----',restDog);

三、typeScript 接口

在面向對象語言中，接口是一個很重要的概念，它是對行為的抽象，而具體如何行動需要由類去實現

除了可用于對類的一部分行為進行抽象以外，也常用于對「對象的形狀（Shape）」進行描述。

1、對象的形狀

interface Haoren{name:string,age:number,sex:string }let dahaoren:Haoren = {name:'lao wang',age: 88,sex: 'man' }

2、可選 | 只讀屬性

只讀屬性用于限制只能在對象剛剛創建的時候修改其值。

ReadonlyArray<T> 類型，它與 Array<T> 相似，只是把所有可變方法去掉了，因此可以確保數組創建后再也不能被修改。

interface Huairen{readonly name:string,age?:number, }interface Huairen2{readonly name:string,age?:number,todo:ReadonlyArray<number> }let dahuairen:Huairen = {name:'libai',age:88 }let dahuairen2:Huairen2 = {name:'libai',age:88,todo:[1,2,3,4] } console.log(dahuairen,dahuairen2);

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的typescript数组，对象，接口实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。