Getting an array index from percentage?

Vote count: 0

I am building out an Angular2 Slider component and the current setup is that the value of the slider is a percentage (based off where the slider handle is from 0% - 100%). I have an array of n items and want the slider to grab the appropriate index from the array based off the percentage (where the handle is at).

Here is my current drag event (fired when user is dragging slider handle):

handleDrag(evt, ui) {
    let maxWidth = $('#slideBar').width() - 15;
    let position = $('#slideHandle').css('left');
    position = position.replace('px', '');
    let percent = (+position / +maxWidth) * 100;
    this.year = percent;
  }

The percentage is working correctly but am wondering how I should structure the algorithem to fetch the array index by percentage. So, if i'm at 50%, I want to fetch the array index 73 if the array length is 146.

Is there an easier way of doing this with JavaScript? I have done a similar component where I did a table approach but would like to figure out a way to do this without adding 'helper html elements' to the page.

asked 43 secs ago

mwilson

Let's block ads! (Why?)

Getting an array index from percentage?