Creating a custom increment array in JavaScript from 0 to N

Question

Creating a custom increment array in JavaScript from 0 to N

Issue Description

I am attempting to create an array utilizing the keys() and .map() techniques, based on a preexisting array with a length of arrLength, so that only elements at positions which are multiples of step are produced. See the example below,

const arrLength = 20;
const step = 5;

const newArr = [...Array(arrLength).keys() ].map((i) => i + step);

console.log(newArr) ;
// expected: 0,5,10,15,20
// received : 5,6,7,...,24

I am specifically unsure about how to increment the variable i in the function map((i) => ... ).

Constraints

I aim to accomplish this task in a single line using the keys method along with Array and possibly map, avoiding the use of a for loop.

Tried Approaches

I have attempted the following variations as well

    Array(arrLength).fill().map((_, i) => i+step) ,
    Array.from(Array(arrLength), (_, i) => i+step),
    Array.from({ length: arrLength }, (_, i) => i+step)

but without success. I also tried to figure out a way to increment the i variable using functional syntax but did not succeed either.

javascript arrays

Answer 1

Answer №1

Let's create an array with a length of 20 and a step of 5. We start with an empty array and loop through the desired range, incrementing by the step value each time to push the values into the array. Finally, we log the resulting array to the console.

Alternatively,

A different approach is to use the spread operator along with the Array keys method to generate a new array with the specified length and step size. By mapping over the created keys, we calculate the values based on the step and log the new array to the console.

Answer 2

Let's create an array with a length of 20 and a step of 5. We start with an empty array and loop through the desired range, incrementing by the step value each time to push the values into the array. Finally, we log the resulting array to the console.

Alternatively,

A different approach is to use the spread operator along with the Array keys method to generate a new array with the specified length and step size. By mapping over the created keys, we calculate the values based on the step and log the new array to the console.

Answer 3

Answer №2

range function works with ES4 Using Array.from allows you to work with objects that have a property length in them

const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));
console.log(range(0, 20, 5))

Answer 4

range function works with ES4 Using Array.from allows you to work with objects that have a property length in them

const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));
console.log(range(0, 20, 5))

Answer 5

Answer №3

While browsing, I stumbled upon this interesting code snippet and decided to experiment with it. Essentially, it generates an array with incrementing numbers, but the functionality can be easily expanded.

The function provided utilizes the reduce method to create the desired array by using the index i of each element. It then combines the current result (stored in variable a) with the incremented value of i.

const arr = new Array(52).fill(0).reduce((a,_,i) => [...a, i],[])

Answer 6

While browsing, I stumbled upon this interesting code snippet and decided to experiment with it. Essentially, it generates an array with incrementing numbers, but the functionality can be easily expanded.

The function provided utilizes the reduce method to create the desired array by using the index i of each element. It then combines the current result (stored in variable a) with the incremented value of i.

const arr = new Array(52).fill(0).reduce((a,_,i) => [...a, i],[])

Answer 7

Answer №4

Although this post may be dated, have you considered trying this approach instead?

let increment = 5;
const numbers = Array.from({length: 10}, (_, i) => i * increment);

console.log(numbers);

Answer 8

Although this post may be dated, have you considered trying this approach instead?

let increment = 5;
const numbers = Array.from({length: 10}, (_, i) => i * increment);

console.log(numbers);

Creating a custom increment array in JavaScript from 0 to N

Issue Description

Constraints

Tried Approaches

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Is it possible for JavaScript to capture scroll events while allowing clicks to pass through?

Fade in effect using AJAX when submitting a form

Leveraging JavaScript functions within an HTML file on an Android device

Fetching and storing external data into an array using AngularJS

Is it common in Node.js to create multiple instances of "server" objects, but only connect one to a port?

Retrieving data from multiple arrays using JavaScript

Is it better to convert fields extracted from a JSON string to Date objects or moment.js instances when using Angular and moment.js together?

Utilizing enum values as a data type for efficiency

Utilize AngularJS to bind keys to arrays

Tips for circumventing CORS in an ajax request using various browser extensions or add-ons

Using synchronous XMLHttpRequest on the main thread is no longer recommended when working with embedded JavaScript in code

Angular services Eclipse Mars JavaScript validation

Compel a customer to invoke a particular function

Audio support across multiple channels on iOS and Android web browsers

Placing an unchanging array between alternating columns

Error in C++: Exceeding Defined Boundaries

Issue with resetting input forms in ReactJS

Using Vue.js to showcase real-time Pusher data in Laravel 5.4

What is the reason behind the linking or appearance together of src/pages in Visual Studio Code?

Having trouble playing the correct audio files from the array