浅析JS中常用类型转换及运算符表达式

类型转换

显式类型转换

字符串转换

使用toString()、String()函数将其他类型转为字符串类型，或使用+运算符将其他类型与字符串拼接即可：

var num1 = 123;
console.log(num1.toString()); // "123"
console.log(String(num1)); // "123"
var bool1 = true;
console.log(bool1.toString()); // "true"
console.log(String(bool1)); // "true"
var arr1 = [1, 2, 3];
console.log(arr1.toString()); // "1,2,3"
console.log(String(arr1)); // "1,2,3"
console.log("" + arr1); // "1,2,3"

数字转换

使用Number()、parseInt()、parseFloat()函数将其他类型转为数字类型即可：

var str1 = "123";
console.log(Number(str1)); // 123
console.log(parseInt(str1)); // 123
console.log(parseFloat(str1)); // 123
var str2 = "123.45";
console.log(Number(str2)); // 123.45
console.log(parseInt(str2)); // 123
console.log(parseFloat(str2)); // 123.45
var bool2 = true;
console.log(Number(bool2)); // 1
console.log(parseInt(bool2)); // NaN
console.log(parseFloat(bool2)); // NaN

布尔转换

使用Boolean()函数将其他类型转为布尔类型即可：

var num2 = 0;
console.log(Boolean(num2)); // false
var str3 = "";
console.log(Boolean(str3)); // false
var arr2 = [];
console.log(Boolean(arr2)); // true

隐式类型转换

所谓隐式类型转换，就是在进行运算或比较时自动进行类型转换的过程。例如：

console.log(1 + "2"); // "12"
console.log(true + 1); // 2
console.log("3" - 1); // 2
console.log(2 > "1"); // true

运算符表达式

JS中常用的运算符包括算术运算符、赋值运算符、比较运算符、逻辑运算符和三元运算符等。以下是一些例子：

算术运算符

var num3 = 10;
console.log(num3++); // 10
console.log(num3); // 11
console.log(num3--); // 11
console.log(num3); // 10
console.log(5 % 2); // 1

赋值运算符

var num4 = 10;
num4 += 5;
console.log(num4); // 15
num4 -= 3;
console.log(num4); // 12
num4 *= 2;
console.log(num4); // 24
num4 /= 3;
console.log(num4); // 8

比较运算符

console.log(1 == "1"); // true
console.log(1 === "1"); // false
console.log(1 != "2"); // true
console.log(1 !== "1"); // true
console.log(5 > 3); // true
console.log(3 >= 3); // true
console.log(5 < 2); // false
console.log(2 <= 2); // true

逻辑运算符

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

三元运算符

var num5 = 10;
console.log(num5 > 5 ? "大于5" : "小于等于5"); // "大于5"
console.log(num5 < 5 ? "大于5" : "小于等于5"); // "小于等于5"

以上便是浅析JS中常用类型转换及运算符表达式的完整攻略。