iT邦幫忙

2021 iThome 鐵人賽

DAY 27
1
Modern Web

每日挑戰,從Javascript面試題目了解一些你可能忽略的概念系列 第 27

每日挑戰,從Javascript面試題目了解一些你可能忽略的概念 - Day27

tags: ItIron2021 Javascript

前言

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

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

新石紀

本日題目與解釋

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

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

thinking-day27

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

這個題目其實只是要考驗你對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基本語法

總結

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

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


上一篇
每日挑戰,從Javascript面試題目了解一些你可能忽略的概念 - Day26
下一篇
每日挑戰,從Javascript面試題目了解一些你可能忽略的概念 - Day28
系列文
每日挑戰,從Javascript面試題目了解一些你可能忽略的概念30

尚未有邦友留言

立即登入留言