JavaScript?中的運(yùn)算符和表達(dá)式介紹(二)
1. 運(yùn)算符的應(yīng)用
1.1 賦值運(yùn)算符
JavaScript 中的復(fù)制運(yùn)算分為簡(jiǎn)單賦值運(yùn)算和復(fù)合賦值運(yùn)算;
簡(jiǎn)單賦值運(yùn)算是將賦值運(yùn)算符(=)右邊表達(dá)式的值保存到左邊的變量中;
復(fù)合賦值運(yùn)算混合了其他操作(如算術(shù)運(yùn)算操作)和賦值操作;
sum+=i; //等同于sum=sum+i;
例子 1:用賦值運(yùn)算符實(shí)現(xiàn)兩個(gè)數(shù)值之間的運(yùn)算
<html> <head> <meta charset="utf-8"> <title>賦值運(yùn)算符</title> </head> <body> <script> var a = 10,b = 5; document.write("a = 10,b = 5"); document.write("<br />"); document.write("a+=b運(yùn)算后:"); a+b; document.write("a="+a); document.write("<br />"); document.write("a-=b運(yùn)算后:"); a-b; document.write("a="+a); document.write("<br />"); document.write("a*=b運(yùn)算后:"); a*b; document.write("a="+a); document.write("<br />"); document.write("a/=b運(yùn)算后:"); a/b; document.write("a="+a); document.write("<br />"); document.write("a%=b運(yùn)算后:"); a%b; document.write("a="%a); document.write("<br />"); </script> </body> </html>
1.2 邏輯運(yùn)算符
邏輯運(yùn)算符用于對(duì)一個(gè)或多個(gè)布爾值進(jìn)行邏輯運(yùn)算;
例子 2:
<html> <head> <meta charset="utf-8"> <title>邏輯運(yùn)算符</title> </head> <body> <script> var a = 10; document.write("a"+a); document.write("<p>a>0&&a<10的結(jié)果:</p>") document.write(a>0&&a<10); document.write("<p>a>0||a<10的結(jié)果:</p>") document.write(a>0||a<10); document.write("<p>!a>0的結(jié)果:</p>") document.write(!a>0); </script> </body> </html>
1.3條件運(yùn)算符
條件運(yùn)算符是JavaScript 支持的一種特殊的三目運(yùn)算符,
語法格式如下:
表達(dá)式?結(jié)果1:結(jié)果2
若“表達(dá)式”的值為TRUE,則整個(gè)表達(dá)式的結(jié)果為“結(jié)果1”,否則為“結(jié)果2”;
例子 3:條件運(yùn)算符實(shí)現(xiàn)判斷功能
<html> <head> <meta charset="utf-8"> <title>條件運(yùn)算符</title> </head> <body> <script> var a = 10; var b; b=(a>=18)?"成年":"未成年"; document.write("a的年齡為:"+a+"歲"); document.write("<br />"); document.write("a是:"+b+""); </script> </body> </html>
1.4 其他運(yùn)算符
1.4.1逗號(hào)運(yùn)算符
逗號(hào)運(yùn)算符用于將多個(gè)表達(dá)式排在一起,整個(gè)表達(dá)式的值為最后一個(gè)表達(dá)式的值;
例子 4:
<html> <head> <meta charset="utf-8"> <title>逗號(hào)運(yùn)算符</title> </head> <body> <script> var a,b,c,d; a=(b=2,c=4,d=6); alert("a的值為"+a) </script> </body> </html>
1.4.2.typeof 運(yùn)算符
typeof 運(yùn)算符用于判斷操作數(shù)的數(shù)據(jù)類型;
它可以返回一個(gè)字符串,該字符串說明了操作數(shù)是什么數(shù)據(jù)類型,這對(duì)于判斷一個(gè)變量是否已被定義特別有用;
語法格式如下:
typeof 操作數(shù)
例子:5:用 typeof 運(yùn)算符判斷4個(gè)變量的數(shù)據(jù)類型
<html> <head> <meta charset="utf-8"> <title>逗號(hào)運(yùn)算符</title> </head> <body> <script> var a,b,c,d; a = 2; b = "age"; c = true; d = null; alert("a的數(shù)據(jù)類型為"+(typeofa)+"\nb的數(shù)據(jù)類型為"+(typeof b)+"\nc的數(shù)據(jù)類型為"+(typeof c)+"\nd的數(shù)據(jù)類型為"+(typeof d)) </script> </body> </html>
1.4.3.new 運(yùn)算符
JavaScript 中有很多內(nèi)置對(duì)象,如字符串對(duì)象、日對(duì)象和數(shù)值對(duì)象等,通過 new 運(yùn)算符能創(chuàng)建一個(gè)內(nèi)置對(duì)象實(shí)例;
語法格式如下:
對(duì)象實(shí)例名稱 = new 對(duì)象類型(參數(shù))
對(duì)象實(shí)例名稱 = new 對(duì)象類型
當(dāng)創(chuàng)建對(duì)象實(shí)例時(shí),若沒用到參數(shù),則能省略圓括號(hào),這種省略方式只限于 new 運(yùn)算符
例子 6:用 new 運(yùn)算符創(chuàng)建對(duì)象實(shí)例
mybatis = new Object; mybatis1 = new Array(); mybatis2 = new Date("Augst 9 2021");
1.5運(yùn)算符的優(yōu)先級(jí)
JavaScript 運(yùn)算符都有明確的優(yōu)先級(jí)和結(jié)合性;
優(yōu)先級(jí)較高的運(yùn)算符將先于優(yōu)先級(jí)較低的運(yùn)算符進(jìn)行運(yùn)算;
結(jié)合性則指具有同等優(yōu)先級(jí)的運(yùn)算符將按照怎樣的順序進(jìn)行運(yùn)算;
例子 7:用()來改變運(yùn)算符的優(yōu)先級(jí)
表達(dá)式 b=2+33 的結(jié)果為11,因乘法的優(yōu)先級(jí)比加法的優(yōu)先級(jí)高,將被優(yōu)先運(yùn)行;
通過"()" 讓運(yùn)算符的優(yōu)先級(jí)改變,括號(hào)內(nèi)的表達(dá)式將被優(yōu)先執(zhí)行,所以表達(dá)式 b=2+33 的結(jié)果為15;
<html> <head> <meta charset="utf-8"> <title>改變運(yùn)算符的優(yōu)先級(jí)</title> </head> <body> <script> var a = 2+3*3; var b = (2+3)*3; document.write("2+3*3="+a+"<br/>(2+3)*3="+b); </script> </body> </html>
到此這篇關(guān)于JavaScript 中的運(yùn)算符和表達(dá)式介紹(二)的文章就介紹到這了,更多相關(guān)JavaScript 運(yùn)算符內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript原型繼承之基礎(chǔ)機(jī)制分析
由于語言設(shè)計(jì)上的原因,JavaScript 沒有真正意義上“類”的概念。而通常使用的 new 命令實(shí)例化對(duì)象的方法,其實(shí)是對(duì)原型對(duì)象的實(shí)例化。2011-08-08整理關(guān)于Bootstrap模態(tài)彈出框的慕課筆記
這篇文章主要為大家整理了關(guān)于Bootstrap模態(tài)彈出框的慕課筆記,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03使用ImageMagick進(jìn)行圖片縮放、合成與裁剪(js+python)
由于需要在服務(wù)器端處理,使用就研究使用imagemagick來進(jìn)行。同時(shí)準(zhǔn)備封裝了一個(gè)Node.js和Python的方法,主要還是講一下然后使用imagemagick來對(duì)圖片進(jìn)行縮放、合成后進(jìn)行裁剪吧2013-09-09經(jīng)典的間隔時(shí)間滾動(dòng)新聞(圖片),可控制滾動(dòng)
經(jīng)典的間隔時(shí)間滾動(dòng)新聞(圖片),可控制滾動(dòng) 其實(shí)這個(gè)也挺多網(wǎng)站用到的,簡(jiǎn)單又實(shí)用。(2010-05-05微信小程序scroll-view不能左右滑動(dòng)問題的解決方法
scroll-view為滾動(dòng)視圖,分為水平滾動(dòng)和垂直滾動(dòng),這篇文章主要給大家介紹了關(guān)于微信小程序scroll-view不能左右滑動(dòng)問題的解決方法,需要的朋友可以參考下2021-07-07