JavaScript生成簡(jiǎn)單等差數(shù)列
更新時(shí)間：2017年11月28日 10:39:14 投稿：mrr
本文給大家分享使用for循環(huán)實(shí)現(xiàn)js生成簡(jiǎn)單的等差數(shù)列，具體實(shí)現(xiàn)方法，大家參考下本文
題目很簡(jiǎn)單，最簡(jiǎn)單的辦法就是使用for循環(huán)
let arr = []
for (let i = 0; i < b - a + 1; i++) {
arr.push(i + a)
}
return arr
進(jìn)階
之后再想起來(lái)時(shí)感覺之前的方法有點(diǎn)愚蠢，遂又想出這些方法
數(shù)組空位
join()和toString()會(huì)將空位視為undefined(字符串形式)：
// 拼接 > 分割 > map
Array(b - a + 1).join(' ').split(' ').map((e, i) => a + i)
// 轉(zhuǎn)字符串 > 分割 > map
Array(b - a + 1).toString().split(',').map((e, i) => a + i)
利用Array.from方法實(shí)現(xiàn)：
// 空數(shù)組轉(zhuǎn)真數(shù)組
Array.from(Array(b - a + 1)).map((e, i) => a + i)
// 類似數(shù)組的對(duì)象轉(zhuǎn)數(shù)組
Array.from({ length: b - a + 1 }).map((e, i) => a + i)
Array.from({ length: b - a + 1 }, (e, i) => a + i)
ES6的擴(kuò)展運(yùn)算符還可以幫我們更方便地完成這件事
[...Array(b - a + 1)].map((e, i) => a + i)
fill()、entries()、keys()方法也不會(huì)忽略空位
Array(b - a + 1).fill(' ').map((e, i) => a + i)
[...Array(b - a + 1).entries()].map(e => e[0] + a)
[...Array(b - a + 1).keys()].map(e => e + a)
還有其他的途徑可以完成這件事，比如findIndex()、find()、for...of等，這幾個(gè)方法實(shí)現(xiàn)起來(lái)也不夠簡(jiǎn)單，就不多余贅述了
總結(jié)
以上所述是小編給大家介紹的JavaScript生成簡(jiǎn)單等差數(shù)列，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
javascript簡(jiǎn)單實(shí)現(xiàn)類似QQ頭像彈出效果的方法
這篇文章主要介紹了javascript簡(jiǎn)單實(shí)現(xiàn)類似QQ頭像彈出效果的方法,可實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面元素彈出效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
Bootstrap每天必學(xué)之進(jìn)度條，對(duì)Bootstrap進(jìn)度條小編也了解的很少，希望通過(guò)這篇文章和大家更多的去學(xué)習(xí)Bootstrap進(jìn)度條，從中得到收獲。2015-11-11
前端解決跨域問(wèn)題nmp安裝http-server的問(wèn)題
這篇文章主要介紹了前端解決跨域問(wèn)題-nmp安裝http-server的問(wèn)題，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
有些時(shí)候我們的web程序需要利用cookie來(lái)實(shí)現(xiàn)一些功能,很多時(shí)候我們并不需要非得用服務(wù)端來(lái)操作cookie,因?yàn)閖s可以也操作cookie.2009-08-08
微信小程序?qū)崿F(xiàn)滾動(dòng)加載更多的代碼
這篇文章通過(guò)實(shí)例代碼給大家介紹了微信小程序?qū)崿F(xiàn)滾動(dòng)加載更多，給大家提供了完整代碼,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了在?JavaScript?中比較字符串的?4?種方法,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-10-10
KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流component綁定
這篇文章主要介紹了KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流component綁定的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10
本文給大家總結(jié)了12個(gè)javascript常用的基本功能，十分的實(shí)用，這里推薦給大家,需要的朋友可以參考下2015-07-07
Echarts基本用法_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了Echarts基本用法，詳解的介紹了Echarts的基本用法和實(shí)例，有興趣的可以了解一下2017-08-08
JavaScript實(shí)現(xiàn)電燈開關(guān)小案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)電燈開關(guān)小案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03