JS基础语法(数据类型,比较运算符,逻辑运算符)
js数据类型:原始数据类型,引用数据类型。
五大原始数据类型:
number(整数,小数,NaN(不是数字的数字,这个NaN很奇葩,下面会解释))
var a=12;
var b=1.23;
var c=NaN;
//输出到页面
document.write(a+"<br>");
document.write(b+"<br>");
document.write(c+"<br>");
string:字符串
var e= '我叫秋冬';
document.write(e+"<br>");
boolean:true和false
var d= false;
document.write(d+"<br>");
null:空值占位符
var f=null;
document.write(f+"<br>");
undefined :未定义
var g;
document.write(g+"<br>");
var h=undefined;
document.write(h+"<br>");
//注意,这两个输出结果一样,不赋值也输出undefined
下面解释NaN,不是数字的数字,为什么会有这个类型?
在js中,如果运算数不是运算符所要求的类型,那么js引擎会自动地将运算数进行类型转换(这句话不好理解,看下面例子就会明白)
例如:下面是一个+后面是字符串,只有number类型才能+或者 - ,所以使用+或者-时,js引擎会把字符串“123”转化成number 123
var a = +"123";
document.write(a);
输出结果为 123
下面的“abc”转成了数字类型也不是数字,所以就有了NaN,以下输出结果为 NaN
var b = +"abc";
document.write(b);
如果是boolean类型转number类型,那么true转成1,false转成0,以下输出1
var c=+true
document.write(c);
比较运算符:
比较方式:
类型相同,直接比较(如果是字符串,按位比较,知道得出大小为止)
document.write("abc" > "acb") //输出false,比较到c>b为止,输出false
类型不同,先进性类型转换在比较
document.write(123 =="123"); //输出true
还有个特殊的全等于 ===,类型和数值都相同返回true
document.write("123" ==="123");
逻辑运算符,这里要注意的是逻辑非!,其他的于java相同
这里涉及到其他类型转boolean
1.number转boolean:0或NaN为假,非0为真。
document.write(!NaN); //输出true
document.write(!9); //输出false
2.string 转boolean:除了空字符串,其他都是true
document.write(!""); //输出true
document.write(!"秋冬"); //输出false
3.null或undefined:都是false
document.write(!null); //输出true
4.对象:所有对象都为true
var data = new Date();
document.write(!data); //输出false