javascript运算符

最新推荐文章于 2025-11-30 22:19:10 发布

最新推荐文章于 2025-11-30 22:19:10 发布 · 139 阅读

文章标签：

#javascript #前端 #开发语言

启航篇专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了JavaScript中的基本运算符，包括算术运算符、赋值运算符、比较运算符、逻辑运算符以及自增自减运算符。通过具体的代码示例展示了不同运算符的工作原理及其应用场景。

1.算术用算符

+（加）注意（1）.当符号俩边都是数字或布尔值的时候，进行数学运算

（2）.自己符号任意一边是字符串的时候，就会进行字符串拼接

-（减）

*（乘）

/（除）

%(取余）被除数 ➗ 除数 =商 ...余数

   var n=10
   var add="20"
    n0=add+10
    n1=true+10
    n2=n-10
    n3=n*10
    n4=n/10
    n5=n%3
   console.log(n0); //1020（这里是字符串）
   console.log(n1); //11
   console.log(n2); //0
   console.log(n3); //100
   console.log(n4); //1
   console.log(n5); //1 这里取余与数学里面的整除不了得到余数相同

2.赋值运算符

=(进行赋值操作）

 //将10这个值赋值给 num 这个变量
         var num =10

+=（加等）

-=（减等）

*= (乘等）

/=（除等）

%=（取余等于）

var num = 10 
   num+=10  //相当于 num = num + 10
   console.log(num);//20

   var num0 =10
   num0-=10 //相当于 num1 = num0 - 10
   console.log(num0);//0

   var num1 =10
   num1*=10 //相当于 num1 = num1 ✖ 10
   console.log(num1);//100

   var num2 =10
   num2/=10 //相当于 num2 = num2 ➗ 10
   console.log(num2);//1

   var num3 =10
   num3%=10 //相当于 num3 = num3 % 10
   console.log(num3);//0

3.比较运算符

> (大于）

< (小于)

>= (大于等于）

<=（小于等于）

以上和数学运算符相同，具体就不写代码展示（好吧，我懒得写）

== （等于）

===（全等）

// == ：只比较 值 是不是相等，不考虑数据类型
    console.log(10 == 10); //true
    console.log(10 == "10"); //true
   // === : 必须 值 和 数据类型都相等，才是 true
    console.log(10 ===10); //true
    console.log(10 === "10"); //false

!=(不等于比较）

!==(不全等比较）

// != ：只比较 值 是不是不等，不考虑数据类型
    console.log(10 != 10); //false
    console.log(10 != "10"); //false
   // !== : 必须 值 和 数据类型都不等，才是 true
    console.log(10 !==10); //false
    console.log(10 !== "10"); //true

4.逻辑运算符

&& ：与运算符

 // && 俩边都是 true 结果才是 true 有一个为false 就是 false
     console.log(true && true); //true
     console.log(false && false); // false
     console.log( true && false); // false
     console.log( false && true ); //false

|| ：或运算符

 // ||  : 只要任意一边为 true ,最终结果就是 true 
        console.log(true || true); //true
     console.log(false || false); // false
     console.log( true || false); // true
     console.log( false || true ); // true

！：非运算符

  // ！ : 本身是 true ，结果就是 false ,本身是false 结果就是true
    console.log(!true); //false
    console.log(!false);//true
    console.log(! NaN); // 五种情况会转为true 空字符串 null undefined 0 NaN(自我总结，欢迎补充或纠正)

5.自增自减运算符

++（加加运算符）注意：（1）.前置++ 先把变量的值改变，再用改变后的值进行运算

(2). 后置++先把变量现在的值进性运算，然后在进行改变

-- (减减运算符）注意：与加加相同逻辑

这个需要自行练习一下