JS类型判断与转换技巧大全

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《JS类型转换与检查全攻略》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

用 == null 可同时判断 null 和 undefined；Number() 全匹配转数字，parseInt() 和 parseFloat() 分别截取整数和浮点数；typeof [] 返回 "object" 是历史遗留，应使用 Array.isArray()；隐式转换易致误判，推荐严格相等和显式转换。

怎么判断一个值是不是 null 或 undefined

直接用 == null 最简捷，它能同时捕获两者：

if (value == null) { /* 是 null 或 undefined */ }

Number()、parseInt() 和 parseFloat() 有什么区别

三者都做字符串转数字，但行为差异明显：

• Number("123abc") → NaN（整串不合法就失败）
• parseInt("123abc") → 123（从左开始取有效整数，遇到非法字符停止）
• parseFloat("123.45abc") → 123.45（同理，支持小数点和科学计数法前缀）
• parseInt("08") 在旧版 JS 中可能被当八进制（返回 8），建议始终传第二个参数：parseInt("08", 10)

为什么 typeof [] 返回 "object" 而不是 "array"

这是 JS 历史遗留问题：typeof 对所有引用类型（包括数组、正则、日期）都返回 "object"。要准确判断数组，必须用 Array.isArray()：

Array.isArray([])     // true
Array.isArray({})     // false
Array.isArray("abc")  // false

其他类型检查也别依赖 typeof：比如 typeof null 是 "object"，typeof new Date() 也是 "object"。需要精确类型时，优先用 instanceof、constructor 或 Object.prototype.toString.call()。

隐式转换容易踩哪些坑

最典型的是 == 和字符串拼接场景：

• 0 == false → true，但 0 === false → false
• "" == 0 → true，"" == [] → true，[] == ![] → true（这些结果都来自抽象相等算法）
• [1,2] + [3,4] → "1,23,4"（先调 .toString()，再字符串拼接）
• {} + [] 在非严格模式下是 0（空对象被当作空块，实际执行的是 +[]），而 ({}) + [] 才是 "[object Object]"

线上代码里，只要涉及比较或拼接，一律用 === 和显式转换（如 String(x)、Number(x)），避免靠直觉猜结果。

本篇关于《JS类型判断与转换技巧大全》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！