JavaScript中数据的类型转换

2024-01-24 01:21:20

JavaScript的数据类型转换分为手动和隐式转换。让我们详细了解一下这两种转换方式。

将其他数据类型转换为Number类型

手动转换

有时候我们需要将其他数据类型转换为Number类型，我们可以使用Number([val])函数来完成手动转换。如果出现非有效数字，则返回NaN（Not a Number）。

console.log(Number('10')); // 10
console.log(Number('10.5')); // 10.5
console.log(Number('1e2')); // 100
console.log(Number('0b1010')); // 10
console.log(Number('0xFF')); // 255
console.log(Number(true)); // 1
console.log(Number(false)); // 0
console.log(Number(undefined)); // NaN
console.log(Number(null)); // 0

隐式转换

在某些情况下，JavaScript会自动将其他数据类型转换为Number类型，这种情况称为隐式转换。

var a = 10;
var b = '10';
var c = a + b;
console.log(c); // 20

在此示例中，字符串"10"被隐式转换为Number类型，从而与数字10相加，结果为20。

将其他数据类型转换为String类型

手动转换

若想将其他数据类型手动转换成String类型，我们可以使用String([val])函数。

console.log(String(10)); // "10"
console.log(String(10.5)); // "10.5"
console.log(String(true)); // "true"
console.log(String(false)); // "false"
console.log(String(undefined)); // "undefined"
console.log(String(null)); // "null"
console.log(String({})); // "[object Object]"

隐式转换

在某些情况下，JavaScript也会自动将其他数据类型转换为String类型，这种情况称为隐式转换。

var a = 10;
var b = '10';
var c = a + b;
console.log(c); // "1010"

在此示例中，数字10被隐式转换为字符串"10"，从而与字符串"10"相加，结果为"1010"。

将其他数据类型转换为Boolean类型

手动转换

我们可以使用Boolean([val])函数将其他数据类型手动转换为Boolean类型。

console.log(Boolean(10)); // true
console.log(Boolean(0)); // false
console.log(Boolean('10')); // true
console.log(Boolean('')); // false
console.log(Boolean(true)); // true
console.log(Boolean(false)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean(null)); // false
console.log(Boolean({})); // true

隐式转换

在某些情况下，JavaScript也会自动将其他数据类型转换为Boolean类型，这种情况称为隐式转换。

if (10) {
  console.log('10 is true');
} else {
  console.log('10 is false');
}
// 输出：10 is true

if ('10') {
  console.log('10 is true');
} else {
  console.log('10 is false');
}
// 输出：10 is true

if (true) {
  console.log('true is true');
} else {
  console.log('true is false');
}
// 输出：true is true

if (false) {
  console.log('false is true');
} else {
  console.log('false is false');
}
// 输出：false is false

if (undefined) {
  console.log('undefined is true');
} else {
  console.log('undefined is false');
}
// 输出：undefined is false

if (null) {
  console.log('null is true');
} else {
  console.log('null is false');
}
// 输出：null is false

if ({}) {
  console.log('{} is true');
} else {
  console.log('{} is false');
}
// 输出：{} is true