3_变量的自动转换和语句

关注

转载最新推荐文章于 2026-09-02 15:40:23 发布 167 阅读 AI 写同款· GEO 优化 ›

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);
}

转载于:https://my.oschina.net/u/2317126/blog/380487