2-2 JavaScript 数据类型转换

合集 - JavaScript基础(6)

1.0 JavaScript高级程序设计（第4版）【JS红宝书】【详细思维导图】【持续更新】2024-09-042.1. JavaScript 发展历史2024-08-123.2. JavaScript 数据类型2024-08-124.2-1. JavaScript 数据类型检查2024-08-14

5.2-2 JavaScript 数据类型转换2024-08-22

6.3. JavaScript 变量声明2024-08-28

收起

在 JavaScript 中，数据类型转换是将一种数据类型转换为另一种数据类型的过程。主要分为以下几类：自动转换和手动转换。

1. 自动转换（类型强制转换）

JavaScript 会在需要时自动将一种数据类型转换为另一种。例如：

let x = 5 + "5";  // "55" (数字被转换为字符串)
let y = "5" - 2;  // 3 (字符串被转换为数字)

2. 手动转换

2.1 字符串转换

在 JavaScript 中，将其他类型转换为字符串的常见方法有几种，具体取决于你希望如何进行转换。以下是几种常见的方法：

使用 String() 函数

String() 函数可以将任何数据类型转换为字符串。

let num = 123;
let str = String(num);  // "123"
 
let bool = true;
let str2 = String(bool);  // "true"
 
let obj = { key: "value" };
let str3 = String(obj);  // "[object Object]"
 
let arr = [1, 2, 3];
let str4 = String(arr);  // "1,2,3"

使用 toString() 方法

toString() 是大多数对象和原始类型都拥有的一个方法（除了 null 和 undefined），它将数据转换为字符串。

let num = 123;
let str = num.toString();  // "123"
 
let bool = false;
let str2 = bool.toString();  // "false"
 
let arr = [1, 2, 3];
let str3 = arr.toString();  // "1,2,3"
 
let date = new Date();
let str4 = date.toString();  // "Mon Aug 22 2024 10:00:00 GMT+0000 (Coordinated Universal Time)"

字符串拼接（隐式转换）

当你将非字符串类型与字符串类型进行拼接时，JavaScript 会自动将非字符串类型转换为字符串。

let num = 123;
let str = num + "";  // "123"
 
let bool = true;
let str2 = bool + "";  // "true"
 
let obj = { key: "value" };
let str3 = obj + "";  // "[object Object]"

JSON 序列化

对于对象或数组，使用 JSON.stringify() 可以将它们转换为字符串格式。

let obj = { key: "value" };
let str = JSON.stringify(obj);  // '{"key":"value"}'
 
let arr = [1, 2, 3];
let str2 = JSON.stringify(arr);  // "[1,2,3]"

处理 null 和 undefined

对于 null 和 undefined，可以直接使用 String() 函数，或者使用三元运算符进行特殊处理。

let value = null;
let str = String(value);  // "null"
 
let value2 = undefined;
let str2 = String(value2);  // "undefined"
 
// 使用三元运算符
let str3 = value === null ? "null" : value.toString();  // "null"

总结

• String() 函数 是最通用的转换方法。
• toString() 方法 更适合直接应用于数字、布尔值、数组等类型。
• 隐式转换 可以在字符串拼接时自动实现。
• JSON.stringify() 是转换复杂对象或数组的最佳选择。

2.2 数字转换

• Number() 函数： 将其他数据类型转换为数字。

  let str = "123";
  let num = Number(str); // 123

• parseInt() 和 parseFloat() 函数： 解析字符串并返回整数或浮点数。

  let str = "123.45";
  let intNum = parseInt(str);   // 123
  let floatNum = parseFloat(str); // 123.45

• + 操作符： 一元加号可将字符串等类型转换为数字。

  let str = "123";
  let num = +str; // 123

布尔值转换

• Boolean() 函数： 将其他数据类型转换为布尔值。

  let num = 0;
  let bool = Boolean(num); // false

• 隐式转换： JavaScript 会自动将某些类型转换为布尔值，如在条件语句中。

  let str = "Hello";
  if (str) {
    console.log("True!"); // 会打印 "True!"
  }

3. 总结

• 自动转换 常见于算术操作、字符串拼接等。
• 手动转换 则适用于更明确的转换需求，使用不同的方法根据目标类型来进行转换。

当然，还有一些类型转换的细节，这里不做赘述。