JavaScript 中的運算符和表達式介紹
1. 概述
1.1 運算符
運算符也稱操作符,它是一系列操作符的符號;運算符用于將一個或幾個值進行計算而生成的值,對其進行計算的值稱為操作數(shù),操作數(shù)可以為常量或變量;
JavaScript 的運算符按操作數(shù)的個數(shù)分為單目運算符、雙目運算符、三目運算符;
按運算符的功能分為算術(shù)運算符、比較運算符、賦值運算符、字符串運算符、邏輯運算符、條件運算符、其他運算符;
1.2 表達式
表達式是運算符和操作數(shù)組合而成的式子,表達式的值就是對操作數(shù)進行比較運算后的結(jié)果;
表達式是以運算為基礎(chǔ),表達式按其運算結(jié)果可分為如下3中:
- 算術(shù)表達式:運算結(jié)果為數(shù)字的表達式;
- 字符串表達式:運算結(jié)果為字符串的表達式;
- 邏輯表達式:運算結(jié)果為布爾值的表達式;
注意: 表達式是一個相對的概念,在表達式中能含有若干個子表達式,而且表達式中的一個常量或變量可看作一個表達式;
2. 運算符的應(yīng)用
2.1 算術(shù)運算符
算術(shù)運算符用于在程序中進行加、減、乘、除等操作;

例子1:聲明兩個變量(a,b),再通過算術(shù)運算符對兩個變量進行不同的運算,輸出結(jié)果
<html>
<head>
<meta charset="utf-8">
<title>算術(shù)運算符</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>
注意: “+” 號除了能作為算術(shù)運算符外,還能連接字符串;
2.2 字符串運算符
字符串運算符用于兩個字符串類型數(shù)據(jù)之間的運算符,它的作用是將兩個字符串連接起來;
JavaScript 中,可使用“+” 或 “+=” 對字符串盡心連接運算;
“+” 運算符用于連接兩個字符串,“+=” 運算符能連接兩個字符串,還能將結(jié)果賦給第一個字符串;

例子2:將多個字符串進行連接,并輸出
<html>
<head>
<meta charset="utf-8">
<title>字符串運算符</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 腳本會根據(jù)操作數(shù)的數(shù)據(jù)類型來確定表達式中的 “+” 是算術(shù)運算符還是字符串運算符;在兩個操作數(shù)中只要有一個是字符串類型,那么這個 “+” 就是字符串運算符,而不是算術(shù)運算符;
2.3 比較運算符
比較運算符的基本操作過程為:先對操作數(shù)進行比較,這個操作數(shù)可以為數(shù)字也可以為字符串,再返回一個布爾值 TRUE 或 FALSE;

例子 3:運用比較運算符比較兩個數(shù)值
<html>
<head>
<meta charset="utf-8">
<title>比較運算符</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>
到此這篇關(guān)于JavaScript 中的運算符和表達式介紹的文章就介紹到這了,更多相關(guān)JavaScript 運算符內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
微信小程序websocket聊天室的實現(xiàn)示例代碼
這篇文章主要介紹了微信小程序websocket聊天室的實現(xiàn)示例代碼,小程序本身對http、websocket等連接均有諸多限制,所以這次項目選擇了node.js自帶的ws模塊。感興趣的可以參考一下2019-02-02
關(guān)于js new Date() 出現(xiàn)NaN 的分析
在一個項目中需要進行日期的格式化,后臺傳到前端是時間的整數(shù)(Date.getTime),當后臺數(shù)據(jù)返回字符串時,發(fā)現(xiàn)轉(zhuǎn)換日期時在ie下變成NaN,但是真的是這樣嗎?接下來我們慢慢分析2012-10-10
詳解JavaScript中的構(gòu)造器Constructor模式
構(gòu)造器Constructor不能被繼承,因此不能重寫Overriding,但可以被重載Overloading。通過本文給大家分享JavaScript中的構(gòu)造器Constructor模式,對構(gòu)造器constructor相關(guān)知識感興趣的朋友一起學(xué)習吧2016-01-01
Javascript中設(shè)置默認參數(shù)值示例
這篇文章主要介紹了Javascript中默認參數(shù)值的設(shè)置,很簡單,但很實用,需要的朋友可以參考下2014-09-09

