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 相关文章推荐
jQuery的attr与prop使用介绍
Oct 10 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
jquery+php实现搜索框自动提示
Nov 28 Javascript
JavaScript设计模式初探
Jan 07 Javascript
深入浅出 jQuery中的事件机制
Aug 23 Javascript
jQuery实现背景滑动菜单
Dec 02 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
Nov 11 Javascript
js实现无缝轮播图
Mar 09 Javascript
基于Vue实现微前端的示例代码
Apr 24 Javascript
详解 TypeScript 枚举类型
Nov 02 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
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
2009/12/28 Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
javascript encodeURI和encodeURIComponent的比较
2010/04/03 Javascript
IE6下focus与blur错乱的解决方案
2011/07/31 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
jQuery简单实现图片预加载
2015/04/20 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
继续学习javascript闭包
2015/12/03 Javascript
莱鸟介绍javascript onclick事件
2016/01/06 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
JavaScript实现求最大公共子串的方法
2018/02/03 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
使用Mock.js生成前端测试数据
2020/12/13 Javascript
python冒泡排序算法的实现代码
2013/11/21 Python
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
两个使用Python脚本操作文件的小示例分享
2015/08/27 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
Zadig&Voltaire官网:法国时装品牌
2018/01/05 全球购物
学校安全工作制度
2014/01/19 职场文书
运动会广播稿30字
2014/01/21 职场文书
成绩单家长评语大全
2014/04/16 职场文书
《恐龙》教学反思
2014/04/27 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
Java设计模式之代理模式
2022/04/22 Java/Android