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 相关文章推荐
关于 文本框默认值 的操作js代码
Jan 12 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
js中回调函数的学习笔记
Jul 31 Javascript
IE浏览器不支持getElementsByClassName的解决方法
Aug 27 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
jQuery的事件预绑定
Dec 05 Javascript
Vue中computed与methods的区别详解
Mar 24 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
在小程序中使用Echart图表的示例代码
Aug 02 Javascript
微信小程序实现的自定义分享功能示例
Feb 12 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
5个实用的JavaScript新特性
Jun 16 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
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
2012/10/11 Javascript
jQuery使用之标记元素属性用法实例
2015/01/19 Javascript
js+css实现文字散开重组动画特效代码分享
2015/08/21 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
jQuery查找dom的几种方法效率详解
2017/05/17 jQuery
jQuery Collapse1.1.0折叠插件简单使用
2017/08/28 jQuery
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
微信小程序基于picker实现级联菜单
2019/02/15 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
python中from module import * 的一个坑
2014/07/20 Python
python实现壁纸批量下载代码实例
2018/01/25 Python
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
用 Python 制作地球仪的方法
2020/04/24 Python
python中@property的作用和getter setter的解释
2020/12/22 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
企业文化标语口号
2014/06/09 职场文书
企业法人授权委托书范本
2014/09/23 职场文书
《平移和旋转》教学反思
2016/02/19 职场文书
python生成随机数、随机字符、随机字符串
2021/04/06 Python
Ruby处理YAML和json数据
2022/04/18 Ruby
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android