JavaScript字符类型转换的几种方式

一、字符型的转换为数字型

1.parseInt(‘字符串’)

parseInt(‘字符串’) 可以把 字符型的转换为数字型 得到是整数；

var str = parseInt('3.234')
console.log(str);  // 3 取整
console.log(parseInt('120asss')); // 字符串前面是数字后面是字母 120 会去掉后面的 asss
console.log(parseInt('fff120')); // 字符串前面是字母后面是数字 NaN

2.parseFloat(‘字符串’)

parseFloat(‘字符串’) 可以把 字符型的转换为数字型 得到是小数 浮点数，与parseInt(‘字符串’)差不多

console.log(parseFloat('3.14')); // 3.14
console.log(parseFloat('120px')); // 120 会去掉这个px单位
console.log(parseFloat('rem120px')); // NaN

3.Number(‘字符串’)

var str = '123';
console.log(Number(str));
console.log(Number('12'));

4.隐式转换，利用算术运算符 - 和 *

console.log('12' - 0); // 12
console.log('123' - '120');
console.log('123' * 1);

二、数字型转换为字符串型

1. 把数字型转换为字符串型 变量.toString()

 var num = 10;
 var str = num.toString();
 console.log(str); 
 console.log(typeof str);  // string

2. 我们利用 String(变量)

console.log(typeof String(num)); // string

3.利用 + 拼接字符串的方法实现数字转换为字符串的效果

var num = 10;
var str1 = num + ''
console.log(typeof str1); // string