js 变量类型转换常用函数与代码[比较全]

JS 变量类型转换常用函数与代码

本文介绍 JavaScript 中常用的变量类型转换函数以及相应的代码示例。

变量类型转换函数

1. Number()

Number() 函数用于将字符串或其他类型的值转换为数字类型。

Number('123'); // 123
Number('42px'); // NaN，无法将字符型的'42px'转换为数字类型
Number(true); // 1， true被转换为数字1
Number(false); // 0，false被转换为数字0
Number(null); // 0，null被转换为数字0
Number(undefined); // NaN，undefined无法被转换为数字

2. parseInt()

parseInt() 函数用于将字符串类型的数字转换为整型。

parseInt('123'); // 123
parseInt('0xF', 16); // 15，将'0xF'按16进制转换为十进制的15
parseInt('12.34'); // 12
parseInt('101', 2); // 5，将'101'按二进制转换为十进制的5
parseInt('hello'); // NaN，无法转换成功

3. parseFloat()

parseFloat() 函数用于将字符串类型的数字转换为浮点型。

parseFloat('3.1415'); // 3.1415
parseFloat('12.34'); // 12.34
parseFloat('10.1.2'); // 10.1
parseFloat('+0xF'); // NaN，字符'+0xF'无法转换为浮点型
parseFloat('hello'); // NaN，无法转换成功

4. String()

String() 函数用于将其他类型的值转换为字符串类型。

String(123); // '123'
String(true); // 'true'
String(false); // 'false'
String(null); // 'null'
String(undefined); // 'undefined'

5. toString()

toString() 函数用于将数字类型的值转换为字符串类型。

var num = 123;
num.toString(); // '123'
(23.45).toString(); // '23.45'
(10).toString(2); // '1010'，将十进制的10转换为二进制
(100).toString(8); // '144'，将十进制的100转换为八进制
(100).toString(16); // '64'，将十进制的100转换为十六进制

6. Boolean()

Boolean() 函数用于将其他类型的值转换为布尔类型。

Boolean('hello'); // true，任意非空字符串均被转换为true
Boolean(''); // false，空字符串被转换为false
Boolean(0); // false，数字0被转换为false
Boolean(-0); // false，数字-0被转换为false
Boolean(NaN); // false，NaN被转换为false
Boolean(null); // false，null被转换为false
Boolean(undefined); // false，undefined被转换为false
Boolean([]); // true，数组被转换为true
Boolean({}); // true，对象被转换为true

示例

示例 1：将字符串转换为数字

var str = '123';
var num = Number(str); // 结果为数字类型的123
console.log(num);

示例 2：将数字转换为字符串

var num = 123;
var str = num.toString(); // 结果为字符串类型的'123'
console.log(str);

以上就是 JavaScript 变量类型转换常用函数与代码的完整攻略，希望对大家有所帮助。