快捷導(dǎo)航

JavaScript 中的運(yùn)算符和表達(dá)式介紹

更新時(shí)間：2022年09月01日 11:17:49 作者：菇毒

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

1. 概述

1.1 運(yùn)算符

運(yùn)算符也稱操作符，它是一系列操作符的符號(hào)；運(yùn)算符用于將一個(gè)或幾個(gè)值進(jìn)行計(jì)算而生成的值，對(duì)其進(jìn)行計(jì)算的值稱為操作數(shù)，操作數(shù)可以為常量或變量；
JavaScript 的運(yùn)算符按操作數(shù)的個(gè)數(shù)分為單目運(yùn)算符、雙目運(yùn)算符、三目運(yùn)算符；
按運(yùn)算符的功能分為算術(shù)運(yùn)算符、比較運(yùn)算符、賦值運(yùn)算符、字符串運(yùn)算符、邏輯運(yùn)算符、條件運(yùn)算符、其他運(yùn)算符；

1.2 表達(dá)式

表達(dá)式是運(yùn)算符和操作數(shù)組合而成的式子，表達(dá)式的值就是對(duì)操作數(shù)進(jìn)行比較運(yùn)算后的結(jié)果；
表達(dá)式是以運(yùn)算為基礎(chǔ)，表達(dá)式按其運(yùn)算結(jié)果可分為如下3中：

算術(shù)表達(dá)式：運(yùn)算結(jié)果為數(shù)字的表達(dá)式；
字符串表達(dá)式：運(yùn)算結(jié)果為字符串的表達(dá)式；
邏輯表達(dá)式：運(yùn)算結(jié)果為布爾值的表達(dá)式；

注意： 表達(dá)式是一個(gè)相對(duì)的概念，在表達(dá)式中能含有若干個(gè)子表達(dá)式，而且表達(dá)式中的一個(gè)常量或變量可看作一個(gè)表達(dá)式；

2. 運(yùn)算符的應(yīng)用

2.1 算術(shù)運(yùn)算符

算術(shù)運(yùn)算符用于在程序中進(jìn)行加、減、乘、除等操作；

例子1：聲明兩個(gè)變量（a，b），再通過算術(shù)運(yùn)算符對(duì)兩個(gè)變量進(jìn)行不同的運(yùn)算，輸出結(jié)果

<html>
	<head>
		<meta charset="utf-8">
		<title>算術(shù)運(yùn)算符</title>
	</head>
	<body>
	<script>
		var a = 11,b = 5;
		document.write("a=11,b=5");
		document.write("<br />");
		document.write("a+b=");
		document.write(a+b);
		document.write("<br />");
		document.write("a-b=");
		document.write(a-b);
		document.write("<br />");
		document.write("a*b=");
		document.write(a*b);
		document.write("<br />");
		document.write("a/b=");
		document.write(a/b);
		document.write("<br />");
		document.write("a%b=");
		document.write(a%b);
		document.write("<br />");
		document.write("(a++)=");
		document.write(a++);
		document.write("<br />");
		document.write("(++a)=");
		document.write(++a);
		document.write("<br />");
		document.write("(b--)=");
		document.write(b--);
		document.write("<br />");
		document.write("(--b)=");
		document.write(--b);
		document.write("<br />");
	</script>
	</body>
</html>

注意： “+” 號(hào)除了能作為算術(shù)運(yùn)算符外，還能連接字符串；

2.2 字符串運(yùn)算符

字符串運(yùn)算符用于兩個(gè)字符串類型數(shù)據(jù)之間的運(yùn)算符，它的作用是將兩個(gè)字符串連接起來；
JavaScript 中，可使用“+” 或 “+=” 對(duì)字符串盡心連接運(yùn)算；
“+” 運(yùn)算符用于連接兩個(gè)字符串，“+=” 運(yùn)算符能連接兩個(gè)字符串，還能將結(jié)果賦給第一個(gè)字符串；

例子2：將多個(gè)字符串進(jìn)行連接，并輸出

<html>
	<head>
		<meta charset="utf-8">
		<title>字符串運(yùn)算符</title>
	</head>
	<body>
	<script>
		var name,age,sex,height,weight;
		name = "王子";
		age	= 23;
		sex = "男";
		height = "189cm";
		weight = "74kg";
		alert("姓名："+name+"\n年齡："+age+"\n性別："+sex+"\n身高："+height+"\n體重："+weight);
	</script>
	</body>
</html>

注意： JavaScript 腳本會(huì)根據(jù)操作數(shù)的數(shù)據(jù)類型來確定表達(dá)式中的 “+” 是算術(shù)運(yùn)算符還是字符串運(yùn)算符；在兩個(gè)操作數(shù)中只要有一個(gè)是字符串類型，那么這個(gè) “+” 就是字符串運(yùn)算符，而不是算術(shù)運(yùn)算符；

2.3 比較運(yùn)算符

比較運(yùn)算符的基本操作過程為：先對(duì)操作數(shù)進(jìn)行比較，這個(gè)操作數(shù)可以為數(shù)字也可以為字符串，再返回一個(gè)布爾值 TRUE 或 FALSE；

例子 3：運(yùn)用比較運(yùn)算符比較兩個(gè)數(shù)值

<html>
	<head>
		<meta charset="utf-8">
		<title>比較運(yùn)算符</title>
	</head>
	<body>
	<script>
		var a = 23;
		document.write("a 變量的值為："+a);
		document.write("<br />");
		document.write("a>22:")
		document.write(a>22);
		document.write("<br />")
		document.write("a<22:")
		document.write(a<22);
		document.write("<br />")
		document.write("a=22:")
		document.write(a==22);
		document.write("<br />")
		document.write("a!=22:")
		document.write(a!=22);
		document.write("<br />")
	</script>
	</body>
</html>