JS的运算符

2024-04-03 20:43:58

算数运算符

'''
加(＋)、 减(－)、 乘(*) 、除(/) 、余数(% )  加、减、乘、除、余数和数学中的运算方法一样  例如：9/2=4.5，4*5=20，9%2=1

-除了可以表示减号还可以表示负号  例如：x=-y

+除了可以表示加法运算还可以用于字符串的连接  例如："abc"+"def"="abcdef"
'''

递增(＋＋) 、递减(－－)

'''
假如x=2，那么x++表达式执行后的值为3，x--表达式执行后的值为1i++相当于i=i+1，i--相当于i=i-1递增和递减运算符可以放在变量前也可以放在变量后：--i    
var i=1;
console.log(i++);
console.log(++i);
console.log(i--);
console.log(--i);
'''

一元加减法

'''
var a=1;
var b=1;
a=-a;  // a=-1
var c="10";  
alert(typeof (c));
c=+c;    //类型转换    
alert(typeof (c));

//-------------------    
var d="yuan";
d=+d;
alert(d);
//NaN:属于Number类型的一个特殊值,当遇到将字符串转成数字无效时,就会得到一个NaN数据
alert(typeof(d));//Number

//NaN特点:
var n=NaN;        
alert(n>3);    
alert(n<3);    
alert(n==3);    
alert(n==NaN);        
alert(n!=NaN);//NaN参与的所有的运算都是false,除了!=
'''

逻辑运算符

'''
等于 ( == )  、不等于( != ) 、 大于( > ) 、 小于( < )  大于等于(>=) 、小于等于(<=)
与 (&&) 、或(||) 、非(!)
1 && 1 = 1  
1 || 1 = 1
1 && 0 = 0  
1 || 0 = 1
0 && 0 = 0  
0 || 0 = 0
!0=1
!1=0
'''

逻辑 AND 运算符(&&)

逻辑 AND 运算的运算数可以是任何类型的，不止是 Boolean 值。

如果某个运算数不是原始的 Boolean 型值，逻辑 AND 运算并不一定返回 Boolean 值：

如果某个运算数是 null，返回 null。
如果某个运算数是 NaN，返回 NaN。
如果某个运算数是 undefined，返回undefined。

逻辑 OR 运算符(||)

与逻辑 AND 运算符相似，如果某个运算数不是 Boolean 值，逻辑 OR 运算并不一定返回 Boolean 值

赋值运算符

'''
赋值 = 
JavaScript中=代表赋值，两个等号==表示判断是否相等

例如，x=1表示给x赋值为1
if (x==1){...}程序表示当x与1相等时
if(x==“on”){…}程序表示当x与“on”相等时

配合其他运算符形成的简化表达式
例如i+=1相当于i=i+1，x&=y相当于x=x&y(&和|是位运算符，与&&和||不一样)
'''

等性运算符

执行类型转换的规则如下：

如果一个运算数是 Boolean 值，在检查相等性之前，把它转换成数字值。false 转换成 0，true 为 1。
如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。
如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。
如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。

在比较时，该运算符还遵守下列规则：

值 null 和 undefined 相等。
在检查相等性时，不能把 null 和 undefined 转换成其他值。
如果某个运算数是 NaN，等号将返回 false，非等号将返回 true。
如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一对象，那么等号返回 true，否则两个运算数不等。

关系运算符(重要)

var bResult="Blue"<"alpha";
alert(bResult);  // 输出 true

在上面的例子中，字符串 "Blue" 小于 "alpha"，因为字母 B 的字符代码是 66，字母 a 的字符代码是 97。

比较数字和字符串

另一种棘手的状况发生在比较两个字符串形式的数字时，比如：

var bResult="25"<"3";
alert(bResult); // 输出 "true"

上面这段代码比较的是字符串 "25" 和 "3"。两个运算数都是字符串，所以比较的是它们的字符代码（"2" 的字符代码是 50，"3" 的字符代码是 51）。

不过，如果把某个运算数该为数字，那么结果就有趣了：

var bResult="25"<3;
alert(bResult); // 输出 "false"

这里，字符串 "25" 将被转换成数字 25，然后与数字 3 进行比较，结果不出所料。

总结：

比较运算符两侧如果一个是数字类型,一个是其他类型,会将其类型转换成数字类型.
比较运算符两侧如果都是字符串类型,比较的是最高位的asc码,如果最高位相等,继续取第二位比较.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>

    <script>
        /* 递增递减 */
        // var i=10;
        // i++; 自增+1
        // i--; 自增-1
        // ++i; 自增+1
        // --i; 自增-1
        // console.log(i);

        // console.log(++i); // 11
        // 先做加法，自增+1，那么i=11(先计算再打印)

        // console.log(--i); // 10
        // 先做减法，自减-1，那么i=10(先计算再打印)

        // console.log(i++); // 10
        // 先打印i=10，再做自增+1，此时i=11(先打印再计算)

        // console.log(i--); // 11
        // 先打印i=11，再做自建-1，此时i=10(先打印再计算)

        // console.log(i) // 10


        /* 一元加减法 */
        // var a=1;
        // a+=2; // 3
        // a-=2; // -1
        // a=+2; // 2
        // a=-2; // -2
        // console.log(a);


        /* 运算符的值类型转化与表达式的值类型转换 */
        // var b='8';
        // console.log(typeof b); // string
        // ++b; // 字符串转换成了数字类型再相加
        // b=+b; // 字符串转换成了数字类型
        // console.log(b); // 9
        // console.log(typeof b); // number
        //
        // var x='1'+2; // 表达式中数字类型转换成了字符串
        // console.log(x); // 12
        // console.log(typeof x); // string


        /* NaN的比较运算 */
        // var c=NaN; // 除了!=是true，所有==都是false
        // console.log(c==0); // false
        // console.log(c!=0); // true
        // console.log(c=='0'); // false
        // console.log(c!='0'); // true
        // console.log(c==false); // false
        // console.log(c!=false); // true
        // console.log(c==NaN); // false
        // console.log(c!=NaN); // true


        /* ===和!==运算符 */
        // var d=4; // ===表示值类型与值都要相等；!==表示值类型与值都要不相等
        // console.log(d===4); // true
        // console.log(d!==4); // false
        // console.log(d==='4'); // false
        // console.log(d!=='4'); // true
        // console.log(d=='4'); // true
        // console.log(d!='4'); // false

        /* &&与，下面几个可以发现返回的都是为假，只有都为真那就返回的是真(在js中&&运算符优先级大于||) */
        // console.log(true&&null); // null
        // console.log(false&&null); // false
        // console.log(true&&undefined); // undefined
        // console.log(false&&undefined); // false
        // console.log(true&&NaN); // NaN
        // console.log(false&&NaN); // false

        /* ||或，只有都为假才返回假，其余都是真 */
        // console.log(1||true); // 1
        // console.log(true||false); // true
        // console.log(true||null); // true
        // console.log(true||undefined); // true
        // console.log(true||NaN); // true
        // console.log(0||false); // false
        // console.log(false||null); // null
        // console.log(false||undefined); // undefined
        // console.log(false||NaN); // NaN

        /* !非，取相反Boolean值，要么true要么false */
        // console.log(!0); // true
        // console.log(!1); // false

        /* > < >= <=运算符 */
        // console.log(5>6); // false，同为数字类型，直接比较大小
        // console.log(5>'6'); // false，先把'6'转换成6，再做比较
        // console.log(5>true); // true，true为1
        // console.log(5>false); // true，false为0
        // console.log('5'>'a'); // false，两个都是字符串，比较的是字符对应的阿斯克码，5为69，a为113
        // console.log('5'>true); // 同理，字符串'5'转为数字5
        // console.log('5'>false); // 同理，字符串'5'转为数字5
    </script>

</body>
</html>

码农公寓