嘿，大家好！今天咱们来聊聊JavaScript里的类型转换。想象一下，如果你能像超级英雄一样随意变换形态，是不是很酷？在JavaScript的世界里，变量们也有类似的能力——它们可以在不同的“形态”（即类型）之间转换。这听起来挺神奇的吧？让我们一起揭开这个秘密！
从ES5说起：JavaScript有几种形态？
在ES6之前，JavaScript共有六种基本形态：
- 简单形态（Primitive）：
String（字符串）Number（数字）Boolean（布尔值）Null（空值）Undefined（未定义）
- 复杂形态（
Object）：对象，可以包含其他任何类型的值。
这些形态之间是可以互相转换的，就像超级英雄可以变化成不同形态应对各种情况一样。接下来，我们看看它们是如何变的。
JavaScript为何要变？
JavaScript是一门弱类型语言，这意味着变量的类型是可以改变的。比如，你可以轻松地将一个字符串变成数字，就像魔法一样：
var a = "1"; // 开始时a是String字符串
a = Number("1"); // 现在a变成了Number数字
这种灵活性虽然强大，但有时候也可能导致意外的结果。因此，理解类型转换的规则是非常重要的。
隐式类型转换
当进行数学运算时，如果其中包含非数字类型的值，JavaScript会尝试将这些值隐式地转换为数字。这种转换可能会导致意外的结果：
console.log(2 * "a", 2 + "a"); // NaN, "2a"
这里发生了两种不同类型的转换：乘法操作尝试将字符串 "a" 转换为一个数字，但由于无法解析，结果是 NaN；而加法操作则把数字 2 和字符串 "a" 拼接成了新的字符串 "2a"。
NaN 的特殊性质
NaN（Not a Number）表示一个无效或未定义的数值结果。它的类型仍然是 number，但与任何值（包括它自己）比较都不会相等：
console.log(typeof NaN); // "number"
console.log(NaN === NaN); // false
因此，不能用 === 来判断一个值是否为 NaN，而是应该使用 isNaN() 函数：
console.log(isNaN(NaN), isNaN(parseInt("abc"))); // true, true
Boolean（构造函数）转换：真真假假的游戏
在JavaScript中，用Boolean()函数可以把值转换为布尔值。一些特定的值会被认为是“假”的：
console.log(Boolean()); // 默认值为false
console.log(Boolean(false)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean(null)); // false
console.log(Boolean(+0), '+0'); // false, +0
console.log(Boolean(-0), '-0'); // false, -0
console.log(Boolean(NaN), 'NaN'); // false, NaN
console.log(Boolean(""), '空字符串'); // false, 空字符串
其余所有值都会被转换为true。这里要注意的是，+0和-0在大多数情况下被认为是相同的，但在某些特殊场景下（如除法），它们是有区别的:
console.log(1 / +0); // 正无穷大 Infinity
console.log(1 / -0); // 负无穷大 -Infinity
Object.is() 方法可以用来区分 +0 和 -0，这是传统的比较运算符做不到的：
console.log(Object.is(5, 5)); // true
console.log(Object.is(+0, -0)); // false
Number转换：数字世界的魔法
将非数字值转换为数字时，可能会发生一些有趣的事情：
console.log(2 * "a", 2 + "a"); // NaN NaN
console.log(typeof NaN); // number
console.log(parseInt("abc")); // NaN
console.log(parseInt("12abc")); // 12
console.log(NaN === NaN); // false
console.log(isNaN(NaN), isNaN(parseInt("abc"))); // true true
console.log(Number()); // 0
console.log(Number(undefined)); // NaN
console.log(Number(null)); // 0
console.log(Number(false)); // 0
console.log(Number(true)); // 1
console.log(Number('123')); // 123
console.log(Number('-123')); // -123
console.log(Number('0x11')); // 17 (十六进制)
console.log(Number(""), Number(" ")); // 0 0
console.log(Number("100a")); // NaN
使用基础数值类型
首先，我们来看如何声明一个简单的数值变量：
var a = 1.234;
console.log(typeof a, a.toFixed(2)); // "number" "1.23"
这里，a 是一个基础类型的数值（number），它的值是 1.234。当我们调用 toFixed(2) 方法时，它会返回一个字符串 "1.23"，表示经过四舍五入后保留两位小数的数值。
使用 Number 构造函数创建对象
接下来，我们可以使用 Number 构造函数来创建一个数值对象：
var b = new Number(a);
console.log(typeof b); // "object"
console.log(b.toFixed(2)); // "1.23"
注意这里的不同之处：当使用 new Number() 创建对象时，typeof 操作符返回的是 "object" 而不是 "number"。这是因为 b 实际上是一个对象，尽管它包装了一个数值。这个对象拥有所有基础数值类型的方法，如 toFixed()，但其类型标识为对象。
valueOf() 方法的重要性
既然 b 是一个对象，那么如果我们想要获取它所包装的基础数值，应该怎么做呢？答案就是使用 valueOf() 方法。这是所有对象都有的一个方法，用于返回对象的原始值。对于由 Number 构造函数创建的对象来说，valueOf() 将返回该对象所包装的原始数值：
var c = b.valueOf();
console.log(typeof c, c); // "number" 1.234
这说明即使是从数值对象中提取的值，valueOf() 方法也会返回一个基础类型的数值，使得我们可以继续以常规方式处理它。
区分基础类型与对象类型
理解这两者之间的区别非常重要，因为它们的行为有时会有细微但重要的差别。例如，在进行相等性比较时：
console.log(a == b); // true - 因为在比较时自动转换为相同的类型
console.log(a === b); // false - 因为一个是 number，另一个是 object
此外，当你对一个数值对象执行某些操作时，可能会遇到意想不到的结果，特别是涉及到原型链或继承机制的时候。
String转换：让一切变得清晰可见
将值转换为字符串通常比较简单直接：
console.log(String()); // ""
console.log(String(undefined), typeof String(undefined)); // "undefined" "string"
console.log(String(null), typeof String(null)); // "null" "string"
console.log(String(+0), String(-0)); // "0" "0"
console.log(String(NaN)); // "NaN"
console.log(String(1)); // "1"
var a = 1.234;
console.log(typeof a, a.toFixed(2)); // "number" "1.23"
数组中的parseInt陷阱
当你尝试使用map方法结合parseInt解析数组中的元素时，需要注意传递给parseInt的第二个参数实际上是数组的索引，这可能导致意外的结果。正确的做法应该是确保只传递要解析的字符串：
// 这样做可能会导致错误的结果
console.log([1, 2, 3].map(parseInt)); // [1, NaN, NaN]
// 更好的做法是这样
console.log([1, 2, 3].map((v, index, item) => {
console.log(v, index, item); // 打印每个元素、索引及原数组
return parseInt(v, 10); // 明确指定基数为10
})); // 结果: [1, 2, 3]
结语
JavaScript的类型转换就像是一个充满惊喜的魔术表演。有时候它能带来意想不到的效果，有时也可能让你掉进陷阱。掌握好类型转换的规则，就像是拿到了解开JavaScript谜题的钥匙，可以帮助我们写出更健壮、更可靠的代码。希望今天的分享对你有所帮助，期待我们在下一篇文章再见！
记住，编程的世界里充满了乐趣和挑战，保持好奇心，不断探索，你会发现更多有趣的秘密。编码愉快！
