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 相关文章推荐
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
Apr 23 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
jquery使用each方法遍历json格式数据实例
May 18 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
基于vue实现多引擎搜索及关键字提示
Mar 16 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
Sep 06 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
vue3中provide && inject的使用
Jul 01 Vue.js
微信小程序用户自定义模版用法实例分析
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 fsockopen写的HTTP下载的类
2007/02/22 PHP
php IP及IP段进行访问限制的代码
2008/12/17 PHP
php 字符串函数收集
2010/03/29 PHP
那些年一起学习的PHP(三)
2012/03/22 PHP
PHP中使用smarty生成静态文件的例子
2014/04/24 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
Prototype使用指南之ajax
2007/01/10 Javascript
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
JQuery Highcharts 动态生成图表的方法
2013/11/15 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
2016/12/22 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
JavaScript方法_动力节点Java学院整理
2017/06/28 Javascript
JS闭包的几种常见形式实例详解
2017/09/16 Javascript
angular内置provider之$compileProvider详解
2017/09/27 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
2018/08/09 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
js实现贪吃蛇游戏 canvas绘制地图
2020/09/09 Javascript
[00:36]DOTA2勇士令状莱恩声望物品——冥晶之厄展示
2018/05/25 DOTA
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
工商管理专业应届生求职信
2013/11/04 职场文书
2014优秀党员事迹材料
2014/08/14 职场文书
公司委托书格式范本
2014/09/16 职场文书