typescript 初始化數(shù)組的方法有很多，選擇哪種方法取決于你的具體需求。我經(jīng)常在項(xiàng)目中遇到需要初始化數(shù)組的情況，積累了一些經(jīng)驗(yàn)，可以分享給你。

最直接的方法是用字面量來(lái)創(chuàng)建數(shù)組。例如，你需要一個(gè)包含三個(gè)數(shù)字的數(shù)組，你可以直接寫(xiě)成 let numbers: number[] = [1, 2, 3]; 這簡(jiǎn)單明了，適合數(shù)組內(nèi)容已知且數(shù)量較少的情況。 記得指定數(shù)組元素的類型，比如這里的 number[]，這能幫助 TypeScript 進(jìn)行類型檢查，避免運(yùn)行時(shí)錯(cuò)誤。 我曾經(jīng)因?yàn)橥浿付愋投速M(fèi)了半天時(shí)間調(diào)試一個(gè)看似簡(jiǎn)單的bug，所以現(xiàn)在格外注意這一點(diǎn)。

如果需要初始化一個(gè)特定長(zhǎng)度的數(shù)組，并且每個(gè)元素都具有相同的值，那么使用 Array.from() 方法會(huì)很方便。 比如，你需要一個(gè)長(zhǎng)度為 5，每個(gè)元素都是 0 的數(shù)組：let zeros: number[] = Array.from({length: 5}, () => 0); 這個(gè)方法的核心在于 Array.from() 的第二個(gè)參數(shù)，這是一個(gè)函數(shù)，它為數(shù)組的每個(gè)元素提供初始值。 我曾經(jīng)用這個(gè)方法快速創(chuàng)建了一個(gè)用于存儲(chǔ)游戲地圖數(shù)據(jù)的二維數(shù)組，大大簡(jiǎn)化了代碼。

當(dāng)然，你也可以使用 new Array() 方法，但我不太推薦這種方式，因?yàn)樗诔跏蓟瘮?shù)組元素時(shí)不夠直觀。 new Array(5) 會(huì)創(chuàng)建一個(gè)長(zhǎng)度為 5 的數(shù)組，但所有元素都是 undefined，你需要手動(dòng)填充它們。 這可能會(huì)導(dǎo)致一些不必要的麻煩，而且可讀性也不如 Array.from() 方法好。 我曾經(jīng)嘗試過(guò)這種方法，結(jié)果發(fā)現(xiàn)后期修改和維護(hù)都比較困難，所以現(xiàn)在盡量避免使用。

最后，如果你需要初始化一個(gè)更復(fù)雜的數(shù)組，例如一個(gè)包含對(duì)象或其他復(fù)雜數(shù)據(jù)類型的數(shù)組，你可以使用映射函數(shù)來(lái)創(chuàng)建。 比如，你需要一個(gè)包含 5 個(gè)學(xué)生的數(shù)組，每個(gè)學(xué)生都有姓名和年齡屬性，你可以這樣寫(xiě)：

interface Student {
  name: string;
  age: number;
}

let students: Student[] = Array.from({length: 5}, (_, i) => ({name: `Student ${i+1}`, age: 18 + i}));

登錄后復(fù)制

這里我們利用了 Array.from() 的第二個(gè)參數(shù)，傳入一個(gè)函數(shù)，該函數(shù)接收索引 i 作為參數(shù)，并返回一個(gè) Student 對(duì)象。 這個(gè)方法非常靈活，可以根據(jù)你的需求生成各種類型的數(shù)組。

總而言之，選擇哪種方法取決于你的實(shí)際情況。 理解每種方法的優(yōu)缺點(diǎn)，并根據(jù)你的項(xiàng)目需求選擇最合適的方法，才能編寫(xiě)出高效、易于維護(hù)的代碼。 記住，清晰的代碼比技巧更重要。

路由網(wǎng)(www.lu-you.com)您可以查閱其它相關(guān)文章！