JavaScript 是一种动态类型的语言，它允许我们在运行时改变变量的类型。这在某些情况下非常有用，但在其他情况下会导致一些问题。因此，在编写 JavaScript 代码时，了解类型转换是非常重要的。
下面我们将介绍 8 种 JavaScript 类型转换方法，掌握它们的知识点，可以让你的代码更加稳健和高效。
1. Number()
将值转换为数字类型。如果值无法转换为数字，将返回 NaN。
var a = "123";
var b = Number(a); // 123
var c = Number("hello"); // NaN在进行字符串转换时，需要注意，包含数字和字母的字符串可以被转换成数字，但以字母开头的字符串和空字符串将被转换为 NaN。
2. parseInt()
将字符串转换为数字类型。如果无法转换，则返回 NaN。
var a = parseInt("123"); // 123
var b = parseInt("123.45"); // 123
var c = parseInt("hello"); // NaN需要注意的是，parseInt() 会将字符串中第一个非数字字符之后的内容忽略。因此，如果字符串以数字后紧跟着非数字字符，则会返回正确的数字。
3. parseFloat()
将字符串转换为带有小数的数字类型。
var a = parseFloat("123.45"); // 123.45
var b = parseFloat("hello"); // NaN与 parseInt() 不同，parseFloat() 可以将字符串中的小数转换为数字。
4. Boolean()
将值转换为布尔类型。如果是一个 falsy 值，如 0、null、undefined、空字符串等，则返回 false。否则返回 true。
var a = Boolean(0); // false
var b = Boolean(null); // false
var c = Boolean(undefined); // false
var d = Boolean(""); // false
var e = Boolean("hello"); // true5. String()
将值转换为字符串类型。
var a = String(123); // "123" var b = String(true); // "true"
需要注意的是，如果值是 null 或 undefined，则转换为字符串 "null" 或 "undefined"。
6. toString()
将数字转换为字符串类型。
var a = (123).toString(); // "123" var b = true.toString(); // "true"
7. JSON.stringify()
将 JavaScript 对象转换为 JSON 字符串。
var obj = { name: "小明", age: 18 };
var str = JSON.stringify(obj); // '{"name":"小明","age":18}'需要注意的是，只有 JavaScript 对象、数组、字符串、数字、布尔和 null 才能被转换为 JSON 字符串，其他类型将返回 undefined。
8. 直接赋值
将一个值直接赋值给一个变量，变量的类型将与赋值的值的类型一致。
var a = 123; var b = "hello";
课堂中容易忽略的知识点
- 对于不同的数据类型，JavaScript 没有定义相同的比较规则。例如，对于字符串的比较，它会以字典序进行比较。
- 在进行加法操作时，如果其中一个操作数是字符串类型，则会将另一个操作数也转换为字符串，然后进行字符串拼接。
- 在比较两个不同类型的值时，JavaScript 会对它们进行隐式类型转换。比如比较一个字符串和一个数字时，JavaScript 会将字符串转换为数字，然后再进行比较。因此，在编写代码时要特别小心。
实现一个类型检测类
了解类型转换后，我们可以尝试实现一个类型检测类，它可以检测一个值的类型，并根据需要进行类型转换。
-- -------------------- ---- -------
----- ----------- -
------------------ -
---------- - ------
-
---------- -
------ ------------------ --- ---------
-
---------- -
------ ------------------ --- ---------
-
----------- -
------ ------------------ --- ----------
-
------------- -
------ ------------------ --- ------------
-
-------- -
------ ---------- --- -----
-
--------- -
------ --------------------------
-
---------- -
------ ------------------ --- -------- -- --------------- -- ---------------
-
---------- -
------ -------------------
-
---------- -
------ -------------------
-
----------- -
------ --------------------
-
-这样，我们就可以通过以下方式使用它：
-- -------------------- ---- ------- --- ----- - ------ --- ------- - --- ------------------- -- -------------------- - ------------------ -- - --------- - -- -------------------- - ------------------ -- - --------- - ------------------ -- - ------- - - -------------------- ------------------ -- - ------- - - --------------------
结论
通过了解类型转换并掌握这些技巧，我们可以更加灵活和高效地编写 JavaScript 代码。在实际开发过程中，我们应该特别注意类型转换可能带来的意外效果，并通过自己的代码进行测试和验证。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672ba452ddd3a70eb6d320a9