每日挑战，从Javascript面试题目了解一些你可能忽略的概念 - Day27

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基本语法

总结

• 了解如何利用回圈或原生语法输出想要的数字阵列

本文章同步发布於个人部落格，有兴趣的朋友也可以来逛逛~!