Home > Web Front-end > JS Tutorial > body text

JavaScript generates simple arithmetic sequence

小云云
Release: 2018-05-15 10:46:34
Original
3009 people have browsed it

How does JavaScript generate a simple arithmetic sequence? This article will share with you how to use for loop to implement js to generate a simple arithmetic sequence. Please refer to this article for specific implementation methods.

The question is very simple, the easiest way is to use a for loop

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

Advanced

When I think about it later, I feel that the previous method is a bit stupid , and then came up with these methods

Array gaps

join() and toString() will treat gaps as undefined (string form):

// 拼接 > 分割 > map
Array(b - a + 1).join(&#39; &#39;).split(&#39; &#39;).map((e, i) => a + i)
// 转字符串 > 分割 > map
Array(b - a + 1).toString().split(&#39;,&#39;).map((e, i) => a + i)
Copy after login

Use the Array.from method to achieve:

// 空数组转真数组
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)
Copy after login

The expansion operator of ES6 can also help us accomplish this more conveniently

[...Array(b - a + 1)].map((e, i) => a + i)
fill()、entries()、keys()方法也不会忽略空位
Array(b - a + 1).fill(&#39; &#39;).map((e, i) => a + i)
[...Array(b - a + 1).entries()].map(e => e[0] + a)
[...Array(b - a + 1).keys()].map(e => e + a)
Copy after login

There are other ways to accomplish this , such as findIndex(), find(), for...of, etc. These methods are not simple enough to implement, so there is no need to go into details.

Related recommendations:

Common JavaScript memory leaks

Ten concepts that JavaScript developers should know

Introduction to the use of split function in JavaScript from shallow to deep

The above is the detailed content of JavaScript generates simple arithmetic sequence. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template