JavaScript生成简单等差数列

题目很简单，最简单的办法就是使用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生成简单等差数列，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • JavaScript生成简单等差数列

    题目很简单,最简单的办法就是使用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) =

  • JavaScript使用简单正则表达式的数据验证功能示例

    本文实例讲述了JavaScript使用简单正则表达式的数据验证功能.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

  • JavaScript实现简单的双色球(实例讲解)

    如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>双色球</title> <link rel="stylesheet" type="text/css" href="css/twoToneClass.css" rel="e

  • javascript生成随机数方法汇总

    今天有又网友问到我 JavaScript 怎么生成指定范围数值随机数.Math.random() 这个方法相信大家都知道,是用来生成随机数的.不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数.这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数. 基础教程请看这里 http://www.jb51.net/w3school/js/jsref_random.htm 看完教程,应该知道Math.random()方法的基本用法了. 利用 parse

  • javascript实现简单的贪吃蛇游戏

    javascript实现简单的贪吃蛇游戏,功能很简单,代码也很实用,就不多废话了,小伙伴们参考注释吧. <html> <head> <meta http-equiv='content-type' content='text/html;charset=utf-8'> <title>贪吃蛇</title> <script type="text/javascript"> var map; //地图 var snake;

  • JavaScript实现简单生成随机颜色的方法

    JavaScript实现简单生成随机颜色的方法

    本文实例讲述了JavaScript实现简单生成随机颜色的方法.分享给大家供大家参考,具体如下: 如果要做出如下效果,每次刷新网页则产生一种颜色 其实非常简单,产生随机颜色的根本核心就是随机构造出一个六位数,JavaScript的随机数的问题 而且这个六位数的每一个数位0~f之内,因此就有了如下的方法: 1.首先是一个HTML布局,p标签是是用来放当前颜色的,div的背景颜色就是这个颜色 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN&quo

  • JavaScript生成指定范围的时间列表

    遇到一个场景,需要拿到指定时间范围内的每一天,满足格式"YYYYMMDD",简单的功能,简单的思路 准备 date对象有很多的方法,用到了以下:   new date ()生成date对象,可以直接指定年月日等,new date(year,month,day)   getFullYear() 返回date对象中的年份   getMonth() 返回date对象中的月份(0~11),注意从0开始计   getDate() 返回date对象中的天,注意从 1 开始计 getTime() 返

  • JavaScript实现简单日历效果

    本文实例为大家分享了JavaScript实现简单日历效果的具体代码,供大家参考,具体内容如下 实现效果: 根据所选择的年月,列出当月对应是周几,效果图如下: 实现思路: 1.使用select标签保存年月的所选菜单.使用table标签保存当月天数,表头为固定的周日周一等. 2.使用option对象,给年月循环赋值. 3.将每月的天数保存到数组中,根据所选的年月获取当月的天数,以及当月一号对应周几,对应周几就在第一行先打印几个空格,然后从一号开始依次打印当月天数. 4.刷新年月时,清除上次表格中(除

  • JavaScript设计模式--简单工厂模式定义与应用案例详解

    本文实例讲述了JavaScript设计模式--简单工厂模式定义与应用.分享给大家供大家参考,具体如下: 一,介绍 工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类. 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类.该模式使一个类的实例化延迟到了子类.而子类可以重写接口方法以便创建的时候指定自己的对象类型. 在这里将工厂简单分为三种: (1)简单工厂:通过第三方的类完成松耦合的任务. (2)复杂工厂:通过把实例化的任务交给子类来完成的,用以到达松耦合的目的. (

  • 基于JavaScript实现简单的轮播图

    本文实例为大家分享了JavaScript实现简单的轮播图的具体代码,供大家参考,具体内容如下 js轮播图实现思路 1.先获取元素 盒子 左右按钮 2.鼠标经过 显示/隐藏 左右侧按钮 3.动态生成小圆圈. 添加自定义属性 4.小圆圈点击事件 添加current类名 5.添加动画事件 animate 等于 -索引号*focusWidth 6.克隆第一张图片到最后面 7.添加右侧/左侧按钮点击事件 8.设置定时器 手动调用右侧按钮点击事件 html代码部分 <!DOCTYPE html> <

随机推荐