首頁 > web前端 > js教程 > 主體

一起聊聊JavaScript運算符

WBOY
發布: 2022-08-03 17:39:11
轉載
1771 人瀏覽過

本篇文章為大家帶來了關於javascript的相關知識,其中主要介紹了關於運算符的相關問題,運算符也被稱為操作符,是用於實現賦值、比較和執行算術運算等功能的符號,下面一起來看一下,希望對大家有幫助。

一起聊聊JavaScript運算符

【相關推薦:javascript影片教學web前端

運算子(operator)也被稱為操作符,是用來實現賦值、比較和執行算數運算等功能的符號。

JavaScript中常用的運算子有:

  • 算術運算子
  • 遞增與遞減運算子
  • 比較運算子
  • 邏輯運算子
  • 賦值運算子

#算術運算子

概念:算術運算使用的符號,用於執行倆個變數或值的算術運算。

#*乘10*20=200/除10/20=0.5
運算子 #描述 #實例
加上 10 20=30
- 20-10=10

%

#取餘數(取模)

    傳回除法的餘數9%2=1
console.log(1 + 1); //2
    console.log(1 - 1); //0
    console.log(1 * 1); //1
    console.log(1 / 1); //1
    console.log(4 % 2); //0
登入後複製
浮點數在算數運算裡面會有誤差(避免直接參與運算):

console.log(0.1 + 0.2); //0.30000000000000004
登入後複製
無法直接判斷兩個浮點數是否相等。
var num = 0.1 + 0.2;
    console.log(num == 0.3); //false
登入後複製

算術運算子優先順序:先乘除後加減

#可以使用%取餘運算子來判斷一個數能否被整除

表達式與傳回值:由數字、運算子、變數等組成的式子我們稱為表達式。

表達式最終都會有一個結果回傳給我們,我們稱為回傳值。

遞增和遞減運算子

如果需要重複加入數字變數或減去1,可以使用遞增(

)和遞減(--

)運算子來完成。

繁瑣寫法:

var num = 1;
    num = num + 1;
    num = num + 1;
    console.log(num); //3
登入後複製
前置遞增運算子:

寫在變數的前面

num

前置遞增就是自加1,類似 

num=num 1

var age = 10;
    ++age;
    console.log(age);//11 类似于age = age + 1
登入後複製

使用口訣:先自加,後回傳值

console.log(age);
    var a = 10;
    console.log(++a + 10); //(10+1)+10=21
登入後複製
後置遞增運算子

#寫在變數的後面

num

後置遞增,就是自加1,類似 
    num=num 1
var age = 10;
    age++;
    console.log(age);//11 类似于age = age + 1
登入後複製
  • 使用口訣:
  • 先傳回原值,後自加
  • var a = 10;
        console.log(a++ + 10); //10+10=20
        console.log(a); //11
    登入後複製
  • 區別總結
  • 前置遞增和後置遞增運算子可以簡化程式碼的編寫,讓變數的值1比以前寫法更簡單。
  • 單獨使用時,運行結果相同。
  • 與其他程式碼聯用時,執行結果會不同。
  • 前置:先自加,後運算(先己後人
  • 後置:先原值運算,後自加(先人後己

    開發時,大多使用後置遞增/遞減,且程式碼獨佔一行。例:

    num ;

    練習:

    var e = 10;
        var f = e++ + ++e; //1.e++=10 e=11  2.++e=12 f=10+12
        console.log(f); //22
    登入後複製
    比較運算子概念:兩個資料進行比較時所使用的運算子運算子名稱說明案例結果##<小於編號1>2true#>大於號碼1>2false#>=大於等於號碼(大於或等於) 2>=2true#<=#小於等於號碼(小於或等於)3<=2false==判等號(會轉型)#17==17 true!=不等號17!=17false
    比較運算子(關係運算子)是,比較運算子後,會傳回一個布林值(true/false)作為比較運算的結果。
    === !==全等,要求值和資料型別都一致17==='17'false
    console.log(2 <= 5); //true
        console.log('岳泽以' = '个人博客'); //false
        console.log(17 == '17'); //true 默认转换数据类型,字符串型转换为数字型
        console.log(17 = '17'); //false 数据类型不同,要求值和数据类型一致
    登入後複製
    符號#作用用法=賦值把右邊對左邊==判斷
    ########################################################################### ##判斷兩邊值是否相等(存在隱式轉換)############===######全等######判斷兩邊的值和資料型別是否完全相同############

    逻辑运算符

    概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断。

    逻辑运算符说明案例
    &&"逻辑与",简称“与”andture &&false
    丨丨"逻辑或",简称“或”orture 丨丨false
    !"逻辑非",简称“非”not!true

    逻辑与

    符号:&& 相对于and

    两侧都为 true结果才是 true,只要有一侧为 false,结果就为 false

    console.log(3 > 5 && 3 > 2); //false
        console.log(3 < 5 && 3 < 7); //true
    登入後複製
    登入後複製

    逻辑或

    符号:||相当于or

    俩侧都为 false,结果才是 false,只要有一侧为 true,结果就是 true

    console.log(3 > 5 && 3 > 2); //false
        console.log(3 < 5 && 3 < 7); //true
    登入後複製
    登入後複製

    逻辑非

    符号:!相对于not

    逻辑非也叫作取反符,用来取一个布尔值相反的值。

    console.log(!true); //false
        console.log(!false); //true
    登入後複製

    短路运算(逻辑中断)

    短路运算的原理:当有多个表达式(值)时,左边的表达值可以确定结果时,就不再继续运算右边的表达式的值。

    逻辑与:

    • 语法表达式1 && 表达式2
    • 如果第一个表达式的值为真,则返回表达上2
    • 如果第一个表达式的值为假,则返回表达式1
    console.log(123 && 456); //返回456,除了0以外的所有数字都为真。
        console.log(123 && 456 && 789); //返回789,依次后推
        console.log(0 && 456); //0
    登入後複製

    逻辑或:

    • 语法表达式1 || 表达式2
    • 如果表达式1结果为真,则返回表达式1
    • 如果表达式1结果为假,则返回表达式2
    console.log(123 || 456); //123
        console.log(123 || 456 || 123 + 456); //123
        console.log(0 || 456 || 123 + 456); //456
    登入後複製

    注意:逻辑中断会造成短路操作,即不执行后面的代码,影响程序员的运行结果。

    var num = 0;
        console.log(123 || num++); //逻辑中断造成num++未执行
        console.log(num); //0
    登入後複製

    赋值运算符

    概念:用来把数据赋值给变量的运算符

    赋值运算符说明案例
    =直接赋值var name='岳泽以';
    +=、-=加、减一个数后再赋值var age=10; age+=5; //15
    *=、/=、%=乘、除、取余后再赋值var age=10; age*=5; //10
    var num = 5;
        num += 10;
        console.log(num); //5+10=15
        num *= 3;
        console.log(num); //15*3=45
    登入後複製

    运算符优先级

    优先级运算符顺序
    1小括号()
    2一元运算符++ -- !
    3算术运算符* / + -
    4关系运算符>= < <=
    5相等运算符== != === !==
    6逻辑运算符&&丨丨
    7赋值运算符=
    8逗号运算符,
    • 一元运算符里的逻辑非优先级很高。
    • 逻辑与比逻辑或优先级高
    console.log(4 >= 6 || '我' != '你' && !(12 * 2 == 144) && true); //true
        /* 
        逻辑运算符分四段
        1.4 >= 6 得false
        2.'我' != '你'得true
        3.!(12 * 2 == 144)得ture
        4.true
        然后判断逻辑与:2与3得true 3和4得true 
        再判断逻辑或得:true
         */

    【相关推荐:javascript视频教程web前端

    以上是一起聊聊JavaScript運算符的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    相關標籤:
    來源:csdn.net
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    最新問題
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!