在javascript中其實(shí)沒有二維數(shù)組的類型, 我們實(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后, 變量是不會自動(dòng)初始化成數(shù)組的, 如果之后直接給twoM插入一個(gè)值會報(bào)錯(cuò), 例如:

let twoM : string[][]
twoM.push(["abc"])

編譯成功, 但是執(zhí)行編譯后的js會出現(xiàn)這個(gè)錯(cuò)誤

TypeError: Cannot read property 'push' of undefined

我們看看編譯后的js

var twoM;
twoM.push(["abc"]);

由于twoM只是聲明了, 并沒有初始化, 所以運(yùn)行的時(shí)候變量的初始值是undefined.

要避免這個(gè)錯(cuò)誤, 可以在聲明的時(shí)候初始化變量

let twoM : string[][] = []
//或
let twoM : Array<Array<string>> = new Array<Array<string>>()

這樣編譯后的js就是

var twoM = [];
//或
var twoM = new Array();

現(xiàn)在運(yùn)行就不會出問題了, 這里還要注意, 由于是二維數(shù)組, 所以第二維還是undefined的, 不能直接twoM[0][1] = "a1", 這樣可以編譯通過, 但是執(zhí)行的時(shí)候會出現(xiàn)剛才同樣的錯(cuò)誤.

正確的初始化方式是這樣的

twoM[0] = ["a1", "a2", "a3"]  //直接賦值數(shù)組
twoM.push([])  //先插入一個(gè)空的數(shù)組
twoM[1][1] = "b2"  //再向剛插入的數(shù)組賦值

在javascript中其實(shí)沒有二維數(shù)組的類型, 我們實(shí)現(xiàn)二維數(shù)組的方法是向數(shù)組的元素插入數(shù)組, 雖然typescript提供了不一樣的方式來表示二維數(shù)組, 但是最終編譯成js的實(shí)現(xiàn)形式其實(shí)沒有多大改變, 所以有幾點(diǎn)需要注意:

• 用中括號的方式定義數(shù)組不夠清晰, 最好用Array
• 數(shù)組要初始化才可以使用
• 二維數(shù)組需要每個(gè)維度都初始化的, 如果只初始化了第一個(gè)維度, 其他維度直接使用還是會報(bào)錯(cuò)