javascriptarraysloops

Generate Array of Values between Min and Max


Looking to create a function in (vanilla) JavaScript that generates an array with n values between a min and max value, where n is a specified number of steps. The first value should be the min, the last should be the max.

i.e.

function returnAllSteps(min,max,totalSteps) {
  var steps = new Array(totalSteps);
  for (i = 0; i < totalSteps; i++) {
    steps[i] = // HELP: return number value between min and max?
  }
  console.log(steps);
}
returnAllSteps(0,10,30); // min = 0, max = 10, totalSteps = 30 (give me an array with 30 steps between 0 and 10)

I would also like to be able to return a single step value within the range. Does this have to happen in a different function?

i.e.

function returnStep(min,max,totalSteps,stepNumberToReturn) {
  // HELP: do I even need another function to do this?
}
returnStep(0,10,30,20); // min = 0, max = 10, totalSteps = 30, stepNumberToReturn = 20
// Return the value at array[20 - 1]

Any help would be much appreciated!


Solution

  • Only one function is needed to generate and return an array with all steps:

    function returnAllSteps(min, max, totalSteps) {
      let steps = new Array(totalSteps);
      let distance = max - min;
      for (i = 0; i < totalSteps; i++) {
        steps[i] = min + distance * (i / (totalSteps - 1));
      }
      return steps;
    }
    
    let mySteps = returnAllSteps(0, 10, 30); // min = 0, max = 10, totalSteps = 30 (give me an array with 30 steps between 0 and 10)
    console.log(mySteps);

    Then just get the step you need from mySteps directly. For example: mySteps[20]