JavaScript：隐式类型转换与显式类型转换

JavaScript中的隐式类型转换和显式类型转换是JavaScript语言中处理不同数据类型相互作用时的重要概念。

隐式类型转换（Implicit Type Conversion）

隐式类型转换是指在不需要程序员明确指示的情况下，JavaScript自动将一个数据类型转换为另一个数据类型以适应特定的运算或操作。

1、字符串与数字的转换

当字符串与数字进行加法运算时，数字会被隐式转换为字符串，然后进行字符串拼接

在其他算术运算符（如 -、*、/、%）中，如果一个操作数是字符串，另一个是数字，JavaScript会尝试将字符串转换为数字。如果字符串不能被转换为数字，则会返回 NaN

"5" + 2; // 结果为 "52"，字符串与数字相加时，数字被转换为字符串进行拼接

2、非布尔值到布尔值的转换

在条件语句（如 if、while）、逻辑运算符（如 &&、||、!）以及需要布尔值的上下文中，非布尔值会被转换为布尔值。
false、0、null、undefined 和空字符串（“”）转换为 false，
其他所有值（包括非零数字、非空字符串、对象、数组等）转换为布尔值时均为true

if (0) { // 0 被隐式转换为 false
  console.log('Truthy');
} else {
  console.log('Falsy');
}

3、在相等性比较中的转换

使用相等运算符（==）时，如果两侧的操作数类型不同，JavaScript会尝试进行类型转换，使其可以比较。

而对于严格相等运算符（===），不会进行类型转换，类型不同的值会直接判断为不等。

5 == '5' //true
5 === '5' //false

4、对象到基础类型的转换

当对象需要被转换为基本类型时，JavaScript会尝试调用对象的 valueOf() 方法，如果返回的值不是一个基本类型，接着尝试调用 toString() 方法。
例如在 alert(obj) 时，如果 toString() 方法没有被重写，会调用默认的 toString() 方法返回一个字符串表示。

alert(obj) //[object Object]

如果要显示完整结构应该使用JSON.stringify

alert(JSON.stringify(obj))

5、在算术运算符中的其他转换

null：在算术运算（如 +、-、*、/ 等）中，null 会被转换为 0，但是如果是进行一元运算符 ++ 或 – 运算，会抛出 TypeError 错误。

undefined：在进行算术运算时，undefined 也不会直接转换为 0，而是会抛出 TypeError 错误。

console.log(null + 2); // 输出：2，null 被转换为了 0
console.log(undefined + 2); // 输出：NaN，undefined 被转换为了 NaN

console.log(++null); // 报错：TypeError: Invalid left-hand side expression in postfix operation
console.log(++undefined); // 报错：TypeError: Cannot read property 'toString' of undefined

显式类型转换（Explicit Type Conversion）

显式类型转换是指程序员明确地将一个数据类型转换为另一个数据类型，通常通过使用转换函数来实现。

1、Number()：

将字符串、布尔值或其他可转换的数据类型转换为数字。

let strNum = "123";
let num = Number(strNum); // num 现在是数字 123

2、parseInt() 和 parseFloat()：

专门用于将字符串转换为整数或浮点数。
将字符串、布尔值或其他可转换的数据类型转换为数字。

let strInt = "123";
let int = parseInt(strInt, 10); // int 现在是整数 123
let strFloat = "3.14";
let float = parseFloat(strFloat); // float 现在是浮点数 3.14

3、String()：

将数字、布尔值或其他可转换的数据类型转换为字符串。

let num = 123;
let str = String(num); // str 现在是字符串 "123"

4、Boolean()：

将非布尔值转换为布尔值

let zero = 0;
let boolZero = Boolean(zero); // boolZero 现在是 false
let nonEmptyStr = "Hello";
let boolStr = Boolean(nonEmptyStr); // boolStr 现在是 true

5、Object()：

可以将非对象转换为对象。对于原始类型，它会创建一个包装对象，但通常这不是一个常用的显式转换方法，因为直接使用操作原始类型的包装对象（如new Number(), new String(), new Boolean()）更为明确。

let num = 123;
let objNum = Object(num); // objNum 是一个Number对象

6、toString() 和 valueOf() ：

可以从对象中提取其基本类型值，这也是显式类型转换的一种方式，但通常是在对象上调用这些方法而不是使用转换函数。

let date = new Date();
let dateString = date.toString(); 
// dateString 是一个日期的字符串表示，类似：Sat Feb 18 2024 10:10:10 GMT+0800 (Your Time Zone)

请注意，这些转换并非总是能得到预期的结果，特别是在处理非标准格式的输入时，需要谨慎使用并结合实际情况判断。例如，parseInt 和 parseFloat 在处理不符合数字格式的字符串时会返回 NaN。