任何编程语言都会有自己的语言,如果已经学习过python,就会发现其实很相似,javascript语言又有自己的特点,大家可以认真比较一下
算术运算符
算术运算符用于执行数学运算
运算符 | 描述 | 例子 | x 运算结果 | y 运算结果 |
---|---|---|---|---|
+ | 加法 | x=y+2 | 7 | 5 |
- | 减法 | x=y-2 | 3 | 5 |
* | 乘法 | x=y*2 | 10 | 5 |
/ | 除法 | x=y/2 | 2.5 | 5 |
% | 取模(余数) | x=y%2 | 1 | 5 |
++ | 自增 | x=++y | 6 | 6 |
x=y++ | 5 | 6 | ||
-- | 自减 | x=--y | 4 | 4 |
x=y-- | 5 | 4 |
算术运算符实例
<body>
<p>设置 y=5, 计算出 x=++y, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction()
{
var y=5;
var x=++y;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x + ", y=" + y;
}
</script>
<p><strong>注意:</strong>两个值 x 和 y 都受到影响。</p>
</body>
重要: 自增、自减又分为前自增(++变量), 后自增(变量++)
前自增
- 在表达式求值前,先执行自增再返回值
后自增
- 先返回自身在表达式中求值, 表达式求值后再自增
前自增与后自增实例
<script>
a = 1
b = ++a
alert("b="+b, " a="+a)
a = 1
c = a++
alert("c="+c, " a="+a)
</script>
赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
除了=符号自身之外,还可以与其他运算结合为复合赋值符号,这类符号先执行运算然后再将结果返回赋值
给定 x=10 和 y=5,下面的表格解释了赋值运算符:
运算符 | 例子 | 等同于 | 运算结果 |
---|---|---|---|
= | x=y | x=5 | |
+= | x+=y | x=x+y | x=15 |
-= | x-=y | x=x-y | x=5 |
*= | x*=y | x=x*y | x=50 |
/= | x/=y | x=x/y | x=2 |
%= | x%=y | x=x%y | x=0 |
复合赋值运算符实例
<p>设置 x=10 和 y=5, 计算 x%=y, 并显示结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
var demoP=document.getElementById("demo")
function myFunction()
{
var x = 10;
var y = 5;
x %= y;
demoP.innerHTML="x=" + x;
}
</script>
</body>
字符串+运算
+ 运算符用于把文本值或字符串变量加起来(连接起来)。
如需把两个或多个字符串变量连接起来,请使用 + 运算符。
字符串+字符串运算实例
如需把两个或多个字符串变量连接起来,请使用 + 运算符:
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
要想在两个字符串之间增加空格,需要把空格插入一个字符串之中:
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="What a very ";//末尾有空格
txt2="nice day";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
把空格插入表达式中:
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;//增加了+空格
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
字符串+数字运算
如果数字与字符串相加,返回字符串,如下实例:
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5+5;
var y="5"+5;
var z="Hello"+5;
var demoP=document.getElementById("demo");
demoP.innerHTML=x + "<br>" + y + "<br>" + z;
}
</script>
</body>
规则:如果把数字与字符串相加,结果将成为字符串!
讨论区