📜  输入类型数字反应本机 - Javascript(1)

📅  最后修改于: 2023-12-03 15:41:53.925000             🧑  作者: Mango

输入类型数字反应本机 - Javascript

在Javascript中,我们可以使用prompt()方法接收用户的输入。然而,该方法只能返回字符串类型的值。那么,如果我们需要接收数字类型的值,又该怎么办呢?

一、使用parseInt()方法将字符串转成数字

我们可以使用parseInt()方法将用户输入的字符串转换成数字类型。parseInt()方法可以接收两个参数,第一个参数是要转换的字符串,第二个参数是进制数(默认为十进制数),比如:

let userInput = prompt("请输入一个数字:");
let num = parseInt(userInput);
console.log(num);

上述代码会弹出一个输入框,用户可以在其中输入一个数字,程序运行后将该数字转换成数字类型,然后输出到控制台中。

二、使用Number()方法将字符串转成数字

除了使用parseInt()方法,我们还可以使用Number()方法将用户输入的字符串转换成数字类型。Number()方法可以接收一个参数,即要转换的字符串,比如:

let userInput = prompt("请输入一个数字:");
let num = Number(userInput);
console.log(num);

上述代码会弹出一个输入框,用户可以在其中输入一个数字,程序运行后将该数字转换成数字类型,然后输出到控制台中。

三、使用typeof判断数据类型

如果我们希望判断用户输入的值是不是数字类型,我们可以使用typeof操作符进行判断。typeof操作符可以返回一个值的类型,比如:

let userInput = prompt("请输入一个数字:");
let num = parseInt(userInput);
if (typeof num === "number") {
  console.log("您输入的是数字");
} else {
  console.log("您输入的不是数字");
}

上述代码会弹出一个输入框,用户可以在其中输入一个数字,程序运行后将该数字转换成数字类型,然后判断其类型是否为数字类型,最后输出相应的提示消息到控制台中。

四、完整代码示例

下面是一个完整的代码示例,可以接收用户输入的数字,然后根据其大小输出不同的消息:

let userInput = prompt("请输入您的年龄:");
let age = parseInt(userInput);
if (typeof age === "number" && age > 0 && age <= 120) {
  if (age < 18) {
    console.log("您还未成年,无法使用该网站");
  } else {
    console.log("欢迎访问本站");
  }
} else {
  console.log("您输入的不是有效的年龄");
}

上述代码会弹出一个输入框,用户可以在其中输入自己的年龄,程序运行后将其转换成数字类型,然后根据其大小输出不同的消息到控制台中。如果用户输入的不是数字类型或者不在有效的年龄范围内,也会输出相应的消息到控制台中。