JavaScript生成简单等差数列


Posted in Javascript onNovember 28, 2017

题目很简单,最简单的办法就是使用for循环

let arr = []
for (let i = 0; i < b - a + 1; i++) {
 arr.push(i + a)
}
return arr

进阶

之后再想起来时感觉之前的方法有点愚蠢,遂又想出这些方法

数组空位

join()和toString()会将空位视为undefined(字符串形式):

// 拼接 > 分割 > map
Array(b - a + 1).join(' ').split(' ').map((e, i) => a + i)
// 转字符串 > 分割 > map
Array(b - a + 1).toString().split(',').map((e, i) => a + i)

利用Array.from方法实现:

// 空数组转真数组
Array.from(Array(b - a + 1)).map((e, i) => a + i)
// 类似数组的对象转数组
Array.from({ length: b - a + 1 }).map((e, i) => a + i)
Array.from({ length: b - a + 1 }, (e, i) => a + i)

ES6的扩展运算符还可以帮我们更方便地完成这件事

[...Array(b - a + 1)].map((e, i) => a + i)
fill()、entries()、keys()方法也不会忽略空位
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等,这几个方法实现起来也不够简单,就不多余赘述了

总结

以上所述是小编给大家介绍的JavaScript生成简单等差数列,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
cssQuery()的下载与使用方法
Jan 12 Javascript
理解Javascript_06_理解对象的创建过程
Oct 15 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
关于js注册事件的常用方法
Apr 03 Javascript
2014 年最热门的21款JavaScript框架推荐
Dec 25 Javascript
JS根据生日月份和日期计算星座的简单实现方法
Nov 24 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
Jul 17 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
Jul 20 Javascript
理解JavaScript中的Proxy 与 Reflection API
Sep 21 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 #Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 #Javascript
浅谈vue中慎用style的scoped属性
Nov 28 #Javascript
元素全屏的设置与监听实例
Nov 28 #Javascript
vue2实现数据请求显示loading图
Nov 28 #Javascript
Vue2仿淘宝实现省市区三级联动
Apr 15 #Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 #Javascript
You might like
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
php中实现进程锁与多进程的方法
2016/09/18 PHP
Jquery跨域获得Json时invalid label错误的解决办法
2011/01/11 Javascript
JQuery之拖拽插件实现代码
2011/04/14 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
js图片轮播插件的封装
2017/07/21 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
关于Angularjs中自定义指令一些有价值的细节和技巧小结
2018/04/22 Javascript
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
详解webpack打包第三方类库的正确姿势
2018/10/20 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2019/12/12 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
快速解决Django关闭Debug模式无法加载media图片与static静态文件
2020/04/07 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
使用HTML5 Canvas为图片填充颜色和纹理的教程
2016/03/21 HTML / CSS
中国旅游网站:同程旅游
2016/09/11 全球购物
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
Yahoo的PHP面试题
2014/05/26 面试题
商务会议邀请函
2014/01/09 职场文书
《第一朵杏花》教学反思
2014/04/16 职场文书
社区党建工作方案
2014/06/10 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
倡议书怎么写?
2019/04/11 职场文书
人物搭配车车超萌联名预备中 【咒术迴战】 ⨯ 【天竺鼠车车】 展开合作
2022/04/11 日漫