tags: ItIron2021 Javascript

前言

廢話不多說，我們馬上來看一下今天又是什麼樣的應用題吧! 今天的文章特短，放心放心!

什麼? 你說這算哪門子前言? 那...我昨天一口氣把新石紀的漫畫看完了，好爽。

本日題目與解釋

請說明你要如何在js中產出一個數字1~10的陣列

防雷防雷，誰要是敢爆雷新石紀的劇情我就...我好像也不能怎麼樣?

終於終於有一題看起來是很簡單、沒有什麼陷阱的了! 沒錯，今天還真的沒有什麼陷阱，當時我被問到時也很開心，但還是要假裝自己有在思考的樣子?

這個題目其實只是要考驗你對JS基本語法的熟練度而已，常見的做法有以下

• 方法一: for loop

對啦，又是loop，就真的好用咩!

想不到該怎麼做時先迴圈就對了

const result = []

for (let i = 1; i <=10; i++) {
  result.push(i)
}

• 方法二: Array.From

另一種常見的做法是用陣列的原生方法來達成一樣的結果

const result = Array.from({length: 10}, (_, i) => i + 1)
console.log(result) // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

值得注意的是Array.from第二個參數是可以傳入一個callback的，讓你不用另外再接一個.map就能達到你想要的效果

當然實際上方法多得很，像是Array.fill再配合map之類的，但基本上都是上述兩種方式的變形，你只要手持這兩把刀應該就夠了!

本日核心觀念與總結

核心觀念

Array基本語法

總結

• 了解如何利用迴圈或原生語法輸出想要的數字陣列

本文章同步發布於個人部落格，有興趣的朋友也可以來逛逛~!