How to Add Array Values Mathematically

Question

I am trying to take an array containing decimal numbers and increase each value by a decimal number chosen by a user input.

Ultimately I am trying to take an HSL light value from a base color chosen by a user, and if it's less than 0.5 I want to render 5 divs with incremented light values starting at the user's light input. If the value is greater than 0.5 I want to render 5 divs with decremented light values starting at the user's input.

function App() {

  let i = 0,
  floats = [];
  const userInput = 0.3;

while (i < 0.5) {
  i = (i + 0.1).toFixed(1);
  floats.push(i);
  i = parseFloat(i);
}

console.log(userInput + floats);

I can't explain the results that I'm receiving in accurate terms. It shows the array values with the input value together in one array, except that there is no comma between the user input and the array. Here is an example of the results that I'm receiving.

0.30.1,0.2,0.3,0.4,0.5

I made an editing mistake. I originally made the const userInput as light. I changed it to make it clearer that the particular const was provided as an example user input, but I forgot to change it in the console.log. — Jeff Clanton
– Jeff Clanton, Commented Apr 14, 2019 at 3:14
Maybe I'm misunderstanding what you're expecting to receive instead of 0.30.1,0.2,0.3,0.4,0.5. Could you clarify please? — larz
– larz, Commented Apr 14, 2019 at 3:17
I want the floats values to increase by the userInput to have the end result be newArray = [0.4, 0.5, 0.6, .07] which is the result of adding the userInput to each index of the float array — Jeff Clanton
– Jeff Clanton, Commented Apr 14, 2019 at 3:21

larz · Accepted Answer · 2019-04-14 03:24:41Z

1

Fixing your current code, you just need to use parseFloat to coerce both the user input and your cursor to get a number with a decimal value.

function App() {

  let i = 0,
    floats = [];
  const userInput = 0.3;

  while (i < 0.4) {
    i = (i + 0.1).toFixed(1);
    floats.push(parseFloat(i) + parseFloat(userInput));
    i = parseFloat(i);
  }

  console.log(floats);
}

App();

edited Apr 14, 2019 at 3:24

answered Apr 14, 2019 at 3:15

larz

5,7662 gold badges13 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeff Clanton Over a year ago

I made a mistake by changing the const light to const userInput without also changing it in the console.log. I want the floats values to increase by the userInput to have the end result be newArray = [0.4, 0.5, 0.6, .07] which is the result of adding the userInput to each index of the float array.

Collectives™ on Stack Overflow

How to Add Array Values Mathematically

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related