2.3 变量的自动转换
=== 等同符:不会发生类型的自动转化!
== 等值符:会发生类型自动转化、自动匹配!
1、对于string,number等基础类型,==和===是有区别的
1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等
2)同类型比较,直接进行“值”比较,两者结果一样
2、对于Array,Object等高级类型,==和===是没有区别的
进行“指针地址”比较
3、基础类型与高级类型,==和===是有区别的
1)对于==,将高级转化为基础类型,进行“值”比较
2)因为类型不同,===结果为false
有时候会看到在判断两个对象是否相等的时候使用了三个等号(===),它和两个等号(==)有什么区别呢?简单来说就是使用“==”时,如果两边类型不同,js引擎会把它们转换成相同类型然后在进行比较,而“===”则不会进行类型转换,因此当两边不是属于同一个类型,肯定不相等。例如:
var a = 0, b = '0';
alert((a == b) + '--' + (a === b))
此时看到的结果为“true–false”。
=== 判断规则
1.如果类型不同,就[不相等]
2.如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断)
3.如果两个都是字符串,每个位置的字符都一样,那么[相等];否则[不相等]。
4.如果两个值都是true,或者都是false,那么[相等]。
5.如果两个值都引用同一个对象或函数,那么[相等];否则[不相等]。
6.如果两个值都是null,或者都是undefined,那么[相等]。
== 判断规则:
1.如果两个值类型相同,进行 === 比较。
2.如果两个值类型不同,他们可能相等。根据下面规则进行类型转换再比较:
如果一个是null、一个是undefined,那么[相等]。
如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。
如果任一值是 true,把它转换成 1 再比较;如果任一值是 false,把它转换成 0 再比较。
如果一个是对象,另一个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。js核心内置类,会尝试valueOf先于toString;例外的是Date,Date利用的是toString转换。
任何其他组合,都[不相等]。
特别需要注意的是true、false的转换,例如:
alert(true == 1); //ture
alert(true == 2); //false, true会转换成number,也就是1,当然 1 不等于 2
//可以使用 !! 来把一个数据类型转换为boolean型
alert(true == !!2) //true,!2 === false !(!=2) = !false = true
另外在js中,如果把一个变量用在逻辑运算中,那么变量在无初始值或者其值为 0、-0、null、""、false、undefined 或者NaN时,它的值为 false。否则,其值为 true。
var a1 = 10;
var a2 = 10.0;
if(a1 == a2){
console.info("相等");
} else {
console.info("不相等");
}
//js数据自动转换机制
var a = "1"; //String
var b = true; //Boolean
if(a == b){ //转换时先把b转换为1,再与a比较
console.info("相等");
} else {
console.info("不相等");
}
if(a === b){
console.info("相等");
} else {
console.info("不相等");
}
2.4 运算符
运算符与表达式: 加减乘除、递增(++)、递减(--)、求余(%)
在程序中还经常使用到扩展赋值运算符,如:+=,-=,*=,/=,%=等
说明 | 符号 | 说明 | 符号 |
加法 | + | 相等 | == |
减法 | - | 大于或等于 | >= |
乘法 | * | 大于 | > |
除法 | / | 不等 | != |
增量 | ++ | 小于或等于 | <= |
减法 | -- | 小于 | < |
取余 | % | 逻辑与 | && |
逻辑或 | || | ||
逻辑非 | ! |
在复杂的表达式中往往会综合运用各种不同类型的运算符,而表达式的运算顺序有一定的规则:首先应按照运算符的优先次序从高到低的顺序,其次,优先级相同的运算符按照事先约定的结合方向(从左向右或从右向左)进行。
条件表达式
基本的语法是:(条件表达式1)?表达式2:表达式3
//三目运算符
var c = 10 / 2 > 4 ? 5 : 3;
console.info(c);
2.5 控制语句
基本上ECMAScript的控制语句和java一致
if语句 if(条件)…else if(条件)...else
switch 语句:switch (expression) {case const1:语句块1... default:...}
for (初始化部分;条件部分;更新部分){ 语句块… }
while(条件) { 语句块… }
do{ 语句块… }while(条件)
break语句是结束当前的循环,并把程序的控制权交给循环的下一条语句,这里是结束循环,循环到此为止
continue语句是结束当前的某一次循环,但是并没有跳出整个的循环。这里是结束一次循环,整个循环还在进行。
//循环
//for循环
for(var i=0; i<5; i++){
console.info(i);
}
//while循环
var j = 0;
while(j < 5){
console.info(j);
j++;
}
//do-while循环,循环体至少执行一次
var k = 0;
do {
console.info(k)
k++;
} while(k < 5);
//continue 结束本次循环继续下次循环
for(var m=0; m<10; m++){
if(m % 2 == 0){
continue;
}
console.info(m);
}
//break 结束全部循环
for(var n=0; n<10; n++){
if(n > 5){
break;
}
console.info(n);
}