深入探索JavaScript中的类型转换，从基础到高级

2023-09-05 03:39:10

JavaScript类型转换（续）

对象转换

在JavaScript中，对象是一种复杂的数据类型，它可以存储多个键值对。对象可以显式或隐式地转换为其他类型。

显式转换：使用Object.toString()方法将对象转换为字符串。
隐式转换：当对象用于计算时，它将自动转换为数字或布尔值。

例如：

const person = {
  name: "John Doe",
  age: 30
};

// 显式转换
const personString = Object.toString(person);
console.log(personString); // "[object Object]"

// 隐式转换
const ageNumber = person.age;
console.log(ageNumber); // 30

const isAdult = person.age >= 18;
console.log(isAdult); // true

数组转换

数组是一种有序的数据类型，它可以存储多个值。数组可以显式或隐式地转换为其他类型。

显式转换：使用Array.toString()方法将数组转换为字符串。
隐式转换：当数组用于计算时，它将自动转换为数字或布尔值。

例如：

const numbers = [1, 2, 3];

// 显式转换
const numbersString = Array.toString(numbers);
console.log(numbersString); // "1,2,3"

// 隐式转换
const sumNumbers = numbers[0] + numbers[1] + numbers[2];
console.log(sumNumbers); // 6

const isAllNumbers = numbers.every(number => typeof number === "number");
console.log(isAllNumbers); // true

包含操作符和运算符的转换

比较运算符：当比较运算符（如==、===、<、>等）用于比较不同类型的值时，JavaScript会自动将它们转换为相同类型。
算术运算符：当算术运算符（如+、-、*、/等）用于计算不同类型的值时，JavaScript会自动将它们转换为数字。
逻辑运算符：当逻辑运算符（如&&、||、!等）用于计算不同类型的值时，JavaScript会自动将它们转换为布尔值。

例如：

const number = 1;
const string = "2";
const boolean = true;

console.log(number == string); // true
console.log(number === string); // false

console.log(number + string); // "12"
console.log(number - string); // -1

console.log(number && string); // false
console.log(number || string); // true
console.log(!boolean); // false