为何输入框值经typeof检测始终返回string？如何判断其为字符串或整数？

HTML输入框的value属性本质上永远是字符串类型，无论用户输入数字还是文字，typeof返回结果都会是string。要正确判断输入是否为整数，可以用以下两种常用方法：

方法一：通过数字转换与验证 #

先将输入值转为数字，再验证是否为整数，同时确保转换前后的字符串完全一致（避免像"12.0"这类带小数点的伪整数）：

const inp = document.querySelector('input')
const inputValue = inp.value.trim()

if (!inputValue) {
  console.log('输入不能为空')
  return
}

const num = Number(inputValue)
// 验证逻辑：不是NaN、是整数、转字符串后与原输入匹配
if (!isNaN(num) && Number.isInteger(num) && String(num) === inputValue) {
  console.log('输入是整数')
} else {
  console.log('输入是普通字符串')
}

方法二：使用正则表达式匹配 #

直接用正则匹配纯整数格式的字符串，支持正负号开头的情况：

const inp = document.querySelector('input')
const inputValue = inp.value.trim()

if (!inputValue) {
  console.log('输入不能为空')
  return
}

// 正则规则：可选正负号 + 至少一个数字
const integerPattern = /^[-+]?\d+$/
if (integerPattern.test(inputValue)) {
  console.log('输入是整数')
} else {
  console.log('输入是普通字符串')
}

两种方法的适用场景 #

• 若需要同时获取转换后的整数数值，优先用方法一；
• 若只需要判断格式是否为整数，方法二更直接高效。

内容的提问来源于stack exchange，提问作者Ayaan Sharma