TypeScript Array 數(shù)組
TypeScript Array 數(shù)組
數(shù)組對象是使用單獨的變量名來存儲一系列的值。
假如你有一組數(shù)據(jù)(例如:網(wǎng)站名字),存在單獨變量如下所示:
var site1="Google"; var site2="Codebaoku"; var site3="Taobao";
如果有 10 個、100 個這種方式就變的很不實用,這時我們可以使用數(shù)組來解決:
var sites:string[]; sites = ["Google","Codebaoku","Taobao"]
這樣看起來就簡潔多了。
1. Array 聲明語法
var array_name[:datatype]; //聲明 array_name = [val1,val2,valn..] //初始化
或者直接在聲明時初始化:
var array_name[:data type] = [val1,val2…valn]
如果數(shù)組聲明時未設(shè)置類型,則會被認為是 any 類型,在初始化時根據(jù)第一個元素的類型來推斷數(shù)組的類型。
創(chuàng)建一個 number 類型的數(shù)組:
var numlist:number[] = [2,4,6,8]
整個數(shù)組結(jié)構(gòu)如下所示:
索引值第一個為 0,我們可以根據(jù)索引值來訪問數(shù)組元素:
var sites:string[]; sites = ["Google","Codebaoku","Taobao"] console.log(sites[0]); console.log(sites[1]);
編譯以上代碼,得到以下 JavaScript 代碼:
var sites; sites = ["Google", "c", "Taobao"]; console.log(sites[0]); console.log(sites[1]);
輸出結(jié)果為:
Google Codebaoku
以下范例我們在聲明時直接初始化:
var nums:number[] = [1,2,3,4] console.log(nums[0]); console.log(nums[1]); console.log(nums[2]); console.log(nums[3]);
編譯以上代碼,得到以下 JavaScript 代碼:
var nums = [1, 2, 3, 4]; console.log(nums[0]); console.log(nums[1]); console.log(nums[2]); console.log(nums[3]);
輸出結(jié)果為:
1 2 3 4
2. Array 對象
我們也可以使用 Array 對象創(chuàng)建數(shù)組。
Array 對象的構(gòu)造函數(shù)接受以下兩種值:
- 表示數(shù)組大小的數(shù)值。
- 初始化的數(shù)組列表,元素使用逗號分隔值。
指定數(shù)組初始化大?。?/p>
var arr_names:number[] = new Array(4) for(var i = 0; i<arr_names.length; i++)="" {="" arr_names[i]="i" *="" 2="" console.log(arr_names[i])="" }=""
相關(guān)文章
- 如何通過Javascript腳本獲取form和input內(nèi)容
- 如何導(dǎo)入javaScript文件
- JavaScript工程url無法使用如何解決
- javascript怎么實現(xiàn)登錄界面成功跳轉(zhuǎn)
- notepad怎么編譯運行javascript
- 如何用JavaScript在Vue3中實現(xiàn)動畫
- javascript關(guān)閉怎么處理
- JavaScript怎么自定義函數(shù)求累加
- javascript怎么設(shè)置三色燈
- 怎么開發(fā)javascript錯誤上報工具
- javascript中怎么修改節(jié)點
- javascript如何設(shè)置文本框
- JavaScript如何用文件保存
- TypeScript 教程
- TypeScript 數(shù)據(jù)類型
- TypeScript 運算符
- TypeScript 條件語句
- TypeScript 函數(shù)
- TypeScript 接口
- TypeScript 類