在javascript中其實沒有二維數(shù)組的類型, 我們實現(xiàn)二維數(shù)組的方法是向數(shù)組的元素插入數(shù)組, 而typescript提供了不一樣的方式來表示二維數(shù)組.
typescript的二維數(shù)組寫法如下:
let twoM : string[][]
這是變成成js后的代碼
var twoM;
也可以用Array
let twoM : Array<Array<string>>;
建議聲明數(shù)組用Array, 代碼比較清晰.
請注意這段代碼, 編譯成js后, 變量是不會自動初始化成數(shù)組的, 如果之后直接給twoM插入一個值會報錯, 例如:
let twoM : string[][]
twoM.push(["abc"])
編譯成功, 但是執(zhí)行編譯后的js會出現(xiàn)這個錯誤
TypeError: Cannot read property 'push' of undefined
我們看看編譯后的js
var twoM;
twoM.push(["abc"]);
由于twoM只是聲明了, 并沒有初始化, 所以運行的時候變量的初始值是undefined.
要避免這個錯誤, 可以在聲明的時候初始化變量
let twoM : string[][] = []
//或
let twoM : Array<Array<string>> = new Array<Array<string>>()
這樣編譯后的js就是
var twoM = [];
//或
var twoM = new Array();
現(xiàn)在運行就不會出問題了, 這里還要注意, 由于是二維數(shù)組, 所以第二維還是undefined的, 不能直接twoM[0][1] = "a1", 這樣可以編譯通過, 但是執(zhí)行的時候會出現(xiàn)剛才同樣的錯誤.
正確的初始化方式是這樣的
twoM[0] = ["a1", "a2", "a3"] //直接賦值數(shù)組
twoM.push([]) //先插入一個空的數(shù)組
twoM[1][1] = "b2" //再向剛插入的數(shù)組賦值
在javascript中其實沒有二維數(shù)組的類型, 我們實現(xiàn)二維數(shù)組的方法是向數(shù)組的元素插入數(shù)組, 雖然typescript提供了不一樣的方式來表示二維數(shù)組, 但是最終編譯成js的實現(xiàn)形式其實沒有多大改變, 所以有幾點需要注意:
- 用中括號的方式定義數(shù)組不夠清晰, 最好用Array
- 數(shù)組要初始化才可以使用
- 二維數(shù)組需要每個維度都初始化的, 如果只初始化了第一個維度, 其他維度直接使用還是會報錯
