JavaScript?中的運算符和表達(dá)式介紹(二)

更新時間：2022年09月01日 11:34:23 作者：菇毒

這篇文章主要介紹了JavaScript?中的運算符和表達(dá)式介紹，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下

1. 運算符的應(yīng)用

1.1 賦值運算符

JavaScript 中的復(fù)制運算分為簡單賦值運算和復(fù)合賦值運算；
簡單賦值運算是將賦值運算符（=）右邊表達(dá)式的值保存到左邊的變量中；
復(fù)合賦值運算混合了其他操作（如算術(shù)運算操作）和賦值操作；

sum+=i;		//等同于sum=sum+i;

例子 1：用賦值運算符實現(xiàn)兩個數(shù)值之間的運算

<html>
	<head>
		<meta charset="utf-8">
		<title>賦值運算符</title>
	</head>
	<body>
	<script>
		var a = 10,b = 5;
		document.write("a = 10,b = 5");
		document.write("<br />");
		document.write("a+=b運算后：");
		a+b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a-=b運算后：");
		a-b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a*=b運算后：");
		a*b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a/=b運算后：");
		a/b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a%=b運算后：");
		a%b;
		document.write("a="%a);
		document.write("<br />");
	</script>
	</body>
</html>

1.2 邏輯運算符

邏輯運算符用于對一個或多個布爾值進行邏輯運算；

例子 2：

<html>
	<head>
		<meta charset="utf-8">
		<title>邏輯運算符</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條件運算符

條件運算符是JavaScript 支持的一種特殊的三目運算符，

語法格式如下：

表達(dá)式?結(jié)果1:結(jié)果2

若“表達(dá)式”的值為TRUE，則整個表達(dá)式的結(jié)果為“結(jié)果1”，否則為“結(jié)果2”；

例子 3：條件運算符實現(xiàn)判斷功能

<html>
	<head>
		<meta charset="utf-8">
		<title>條件運算符</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 其他運算符

1.4.1逗號運算符

逗號運算符用于將多個表達(dá)式排在一起，整個表達(dá)式的值為最后一個表達(dá)式的值；

例子 4：

<html>
	<head>
		<meta charset="utf-8">
		<title>逗號運算符</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 運算符

typeof 運算符用于判斷操作數(shù)的數(shù)據(jù)類型；
它可以返回一個字符串，該字符串說明了操作數(shù)是什么數(shù)據(jù)類型，這對于判斷一個變量是否已被定義特別有用；

語法格式如下：

typeof 操作數(shù)

例子:5：用 typeof 運算符判斷4個變量的數(shù)據(jù)類型

<html>
	<head>
		<meta charset="utf-8">
		<title>逗號運算符</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 運算符

JavaScript 中有很多內(nèi)置對象，如字符串對象、日對象和數(shù)值對象等，通過 new 運算符能創(chuàng)建一個內(nèi)置對象實例；

語法格式如下：

對象實例名稱 = new 對象類型（參數(shù)）
對象實例名稱 = new 對象類型

當(dāng)創(chuàng)建對象實例時，若沒用到參數(shù)，則能省略圓括號，這種省略方式只限于 new 運算符

例子 6：用 new 運算符創(chuàng)建對象實例

mybatis = new Object;
mybatis1 = new Array();
mybatis2 = new Date("Augst 9 2021");

1.5運算符的優(yōu)先級

JavaScript 運算符都有明確的優(yōu)先級和結(jié)合性；
優(yōu)先級較高的運算符將先于優(yōu)先級較低的運算符進行運算；
結(jié)合性則指具有同等優(yōu)先級的運算符將按照怎樣的順序進行運算；

例子 7：用()來改變運算符的優(yōu)先級

表達(dá)式 b=2+33 的結(jié)果為11，因乘法的優(yōu)先級比加法的優(yōu)先級高，將被優(yōu)先運行；
通過"()" 讓運算符的優(yōu)先級改變，括號內(nèi)的表達(dá)式將被優(yōu)先執(zhí)行，所以表達(dá)式 b=2+33 的結(jié)果為15；

<html>
	<head>
		<meta charset="utf-8">
		<title>改變運算符的優(yōu)先級</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>