如何以数学方式添加数组值

Question

我试图获取一个包含十进制数字的数组，并将每个值增加一个由用户输入选择的十进制数字。

最终，我试图从用户选择的基色中获取HSL光源值，如果该值小于0.5，我想从用户的光源输入开始以递增的光源值渲染5 div。如果该值大于0.5，我想从用户的输入开始以递减的光照值渲染5 div。

dev-dsk % parallel --version         
GNU parallel 20190322
Copyright (C) 2007-2019 Ole Tange and Free Software Foundation, Inc.
License GPLv3+: GNU GPL version 3 or later <http://gnu.org/licenses/gpl.html>
This is free software: you are free to change and redistribute it.
GNU parallel comes with no warranty.

我无法准确解释我收到的结果。它在一个数组中一起显示数组值和输入值，但用户输入和数组之间没有逗号。这是我收到的结果的示例。

0.30.1,0.2,0.3,0.4,0.5

Answer 1

修正当前代码后，只需使用parseFloat来强制用户输入和光标都可以得到带有十进制值的数字。

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();