js 数据类型转换总结笔记

很高兴为您讲解《js 数据类型转换总结笔记》的完整攻略。

概述

在 JavaScript 中，数据类型转换是一个非常重要的概念。在实际应用中，我们常常需要将一个数据类型转换成另外一种数据类型，以使其能够满足特定的需求。JavaScript 中常见的数据类型有原始类型（Number、String、Boolean、null、undefined、Symbol）和引用类型（Object、Array、Function 等）。在 JavaScript 中，数据类型转换主要分为两种方式：隐式转换和显式转换。

隐式转换

在 JavaScript 中，隐式转换是指由 JavaScript 引擎自动执行的数据类型转换。这种数据类型转换通常是比较容易理解的，因为它是直观的。以下是一些常见的隐式转换：

字符串转数字

当我们使用 + 运算符将一个字符串和一个数字相加时，JavaScript 会将字符串转换为数字。例如：

var str = "10";
var num = 5;
var total = str + num; // "105"

数字转字符串

当我们使用字符串连接符（+）将一个字符串和一个数字相加时，数字会被自动转换为字符串。例如：

var str = "5";
var num = 10;
var total = str + num; // "510"

布尔值转换

当我们将一个布尔值用于某些需要经过布尔值转换的操作时，例如 if 语句或三元运算符，JavaScript 会将布尔值转换为数字 0 或 1。例如：

var bool = true;
if (bool) {
  console.log("true");
} // "true"

var num = bool ? 1 : 0;
console.log(num); // 1

空值转换

当我们使用 typeof 操作符将一个空值（null 或 undefined）转换为字符串时，JavaScript 会将其转换为字符串 "null" 或 "undefined"。例如：

var nothing = null;
console.log(typeof nothing); // "object"

var undef;
console.log(typeof undef); // "undefined"

显式转换

在 JavaScript 中，显式转换是指我们在代码中要求 JavaScript 引擎执行的数据类型转换。显式转换通常会使用一些函数或操作符来完成。以下是一些常见的显式转换：

字符串转数字

我们可以使用 Number 函数将一个字符串转换为数字。例如：

var str = "10";
var num = Number(str);
console.log(num); // 10

数字转字符串

我们可以使用 String 函数将一个数字转换为字符串。例如：

var num = 10;
var str = String(num);
console.log(str); // "10"

布尔值转换

我们可以使用 Boolean 函数将一个变量转换为布尔值。例如：

var num = 1;
var bool = Boolean(num);
console.log(bool); // true

数组转字符串

我们可以使用 join 方法将数组转换为字符串。例如：

var arr = [1, 2, 3];
var str = arr.join(",");
console.log(str); // "1,2,3"

小结

在 JavaScript 中，数据类型转换是一个非常重要的概念。隐式转换是由 JavaScript 引擎自动执行的数据类型转换，而显式转换是我们在代码中要求 JavaScript 引擎执行的数据类型转换。在实际应用中，我们需要根据需要选择合适的数据类型转换方式。