pink老师js基础自学笔记

pink老师js基础自学笔记-数字类型转换

数字类型转换

-转换为字符型

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

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

2.string变量

console.log(String(number));  //10 string

3.利用‘+’拼接字符串方法实现转换效果（隐式转换）

 console.log(num + '');  //10  string

4.字符型分隔符 join（‘分隔符’）

var arr = ['green','blue','red'];
console.log(arr.join('&'));  
//green&blue&red

-转换为数字型

var age = prompt('请输入数字');
//prompt显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字。

1. parseInt(变量) 可以把字符型转换为数字型，得到的是整数

console.log(parseInt(age)); //输入几控制台显示几
console.log(parseInt('3.14')); //3
console.log(parseInt('3.94')); //3
console.log(parseInt('120px')); //120  会去掉px的单位
console.log(parseInt('rem120px'));  //NAN 因为又有英文又有数字，不是一个纯数字

2. parseFloat(变量) 可以得到小数

 console.log(parseFloat('3.19')); //3.19
 console.log(parseFloat('120px')); //120  会去掉px的单位
 console.log(parseFloat('rem120px'));  //NAN

3. 利用Number（变量）

var str = '123';
console.log(Number(str)); //123 数字型

4. 算数运算 - * / 隐式转换 做加法一定要转换类型

 console.log('12' - 0); //12  数字型
 console.log('123' - '120'); //3 数字型
 console.log('123' * 1); //123 数字型 

自学总结：类型转化这块比较简单，toString与string使用起来还是有些区别的，要分开。再一个是parseInt(变量) ，不管变量的小数是几*，直接卡掉，不进行四舍五入*！！！