使 parseFloat 只显示一位小数

Question

我试图做到这一点，当用户输入一个数字时，如果他们碰巧输入了这个数字并且它有两个或多个小数，它会告诉他们这个数字是无效的，应该只有一个小数位并重述提示。

const MIN = 0;
const MAX = 7;
gradeInput = parseFloat( prompt('Enter Grade for ' + codeInput + '') );
while( isNaN( gradeInput ) || gradeInput<MIN || gradeInput>MAX ) 
{
	alert('Your input was invalid');
	gradeInput = parseFloat(prompt('Enter Grade for ' + codeInput + ''));
}

Answer 1

您可以使用a regular expression 来验证输入是否正确。您可以使用以下模式^\d+(?:\.\d)?$ (see it on Regex101)

const regex = /^\d+(?:\.\d)?$/;

const wrongInput = "12.3.4";
const correctInput = "1.2";

console.log("is wrongInput valid?", regex.test(wrongInput));
console.log("is correctInput valid?", regex.test(correctInput));

正则表达式检查输入是仅是数字还是数字，然后是一个点，然后是一个数字。

因此，在您的情况下，您需要在解析之前检查提供的值的格式是否正确：

const regex = /^\d+(?:\.\d)?$/;
let codeInput = "algebra"
let userGradeInput = prompt('Enter Grade for ' + codeInput + '');

while (!regex.test(userGradeInput)) { //if there is no match
  alert('Your input was invalid');
  userGradeInput = prompt('Enter Grade for ' + codeInput + '');
}

gradeInput = parseFloat(userGradeInput);

console.log(gradeInput)

此代码不做其他测试只是为了说明如何使用正则表达式。要对输入执行所有检查，您可以拥有一个单独的函数，以便轻松重用它：

function isValid(input) {
  const MIN = 0;
  const MAX = 7;
  const regex = /^\d+(?:\.\d)?$/;
  
  if (regex.test(input)) { //only do the other checks if the input looks correct
    const parsedInput = parseFloat(input);
    
    return parsedInput > MIN && parsedInput < MAX; //check if it's within bounds
  } else {//it doesn't even look like a number
    return false; 
  }
}

let codeInput = "algebra"
gradeInput = prompt('Enter Grade for ' + codeInput + '');

while(!isValid(gradeInput)) {
  alert('Your input was invalid');
  gradeInput = parseFloat(prompt('Enter Grade for ' + codeInput + ''));
}

console.log(gradeInput)

最后一点 - 正则表达式 /^\d+(?:\.\d)?$/ 是一个相当简化的表达式。我怀疑这足以满足您的目的，但我认为值得解释一下。正则表达式不允许其他可能有效的输入，例如 -2 或 +1.2 或 1.1e10 - 这些都可以正确解析为 JavaScript 数字格式，有些甚至可能是您的代码的有效数字，但将是被rejex拒绝。如需更全面的浮点数正则表达式，check the brilliant writeup on the Regular-Expressions.info website。

Answer 2

您可以使用gradeInput.toPrecision(1) === gradeInput 来验证输入

文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toPrecision