JavaScript小白入门篇——数据类型转换容易混淆的几个点

1 运算符扩展

1.算术运算符

var a='hello';

var b='h';

console.log(a+b);//拼接

console.log(a-b);//NaN  not a number

var a,b;

console.log(a+b);//NaN

当布尔类型进行数学运算时 ,true值为1   false  0

var a=true;

var b=false;

console.log(a+b);

扫描二维码关注公众号,回复: 1806273 查看本文章

console.log(a-b);

字符串和数值:数值类型字符串可以参与数学运算

var a='5';

var b=10;

console.log(a-b);//-5

字符串和布尔类型

var a='5';

var b=true;

console.log(a+b);//拼接

console.log(a-b);//4

2.比较运算符

var a='hello';

var b='world';

console.log(a==b);// false

console.log(a>b);//false

console.log(true>false);// true

console.log(null==undefined);//true  


var a='5';

var b=10;

console.log(a>b);//false


NaN  undefined  null

console.log(NaN==NaN);//false

console.log(undefined==null);//true

console.log(null==null);//true

var a,b;

console.log(a==b);//true

console.log(undefined==undefined);//true

console.log(typeof NaN);//number

2 数据类型转换

1.数值类型-->字符串类型

var a=10;

console.log(typeof a);//number

//方法一

var b=a+'';// '10'

console.log(b,typeof b);//string

//方法二

var c=a.toString();

console.log(c,typeof c);//string

2.布尔类型-->字符串类型

var a=true;

console.log(typeof a);//boolean

//方法一:拼接

var b=a+'';

console.log(b,typeof b);//string

//方法二 :toString()

var c=a.toString();

console.log(c,typeof c);//string

3.数值类型-->布尔类型  

不可以

4.布尔类型-->数值类型  

true ---  1    false ---  0

5.字符串类型-->数值类型

var str='hello';//不能转换为数值类型

var str1='123';

var str2='-12.99090';

var str3='hello';

var str4='54hello';

var str5='hell054';

//parseInt()   将字符串转换为整数    parseFloat()   将字符串转换为数值

var num=parseInt(str1);

console.log(num,typeof num);//123 number

var num1=parseInt(str2);//-12

var num1=parseFloat(str2);//-12.99090

console.log(num1,typeof num1);//-12.99090 number

var num=parseFloat(str3);

console.log(num);//NaN

var num=parseFloat(str4);

console.log(num);//54

var num=parseFloat(str5);

console.log(num);//NaN

6. 字符串-->布尔类型 

 不可以  

3 三元运算符

三元运算符:表达式0?表达式1:表达式2      

运算规则:表达式0的结果为true,则结果为表达式1;否则结果为表达式2

var a=10;

var b=a>5?3:5;

console.log(b);//3


var a=20;

var b=a<=10?a++:++a;

console.log(b);//21

猜你喜欢

转载自blog.csdn.net/qq_42451979/article/details/80845480
今日推荐