JavaScript基础之变量的自增与自减
2024-09-04 00:25:42
一、自增(++)
⑴什么是自增?
通过自增运算符可以使变量在自身的基础上加一;
对于一个变量自增以后,原变量的值会立即自增一;
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自增</title>
<script>
var a = 1;
//使a自增1
a++;
console.log("a = " +a);
</script>
</head>
<body> </body>
</html>
结果:
⑵分类
1、后++(a++)
2、前++(++a)
⑶两者的相同点
无论是a++,还是++a,都会立即使原变量的值自增1。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自增</title>
<script>
var a = 1;
//使a自增1
// a++;
++a;
console.log("a = " +a);
</script>
</head>
<body> </body>
</html>
结果:
⑷两者的不同点
a++和++a的值不同。
①a++的值等于原变量的值(自增前的值)。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a++</title>
<script>
var a = 1;
console.log(a++);
console.log("a = " +a);
</script>
</head>
<body> </body>
</html>
结果:
②++a的值等于原变量自增后的新值。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>++a</title>
<script>
var a = 1;
console.log(++a);
console.log("a = " +a);
</script>
</head>
<body> </body>
</html>
结果:
⑸不同点的小测验
第一个:a++测验
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a++</title>
<script>
var a = 10;
a++;
console.log(a++);
console.log("a = " +a);
</script>
</head>
<body> </body>
</html>
结果:
解析:因为初始值a=10,经过a++,变成了11,在console.log(a++)中,a又进行自增1,所以a为12,a++为第一次自增的值,11.
第二个:++a测验
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>++a</title>
<script>
var b = 20;
console.log(++b);
console.log(++b);
console.log("b = " +b);
</script>
</head>
<body> </body>
</html>
结果:
⑹综合测验
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>综合测验</title>
<script>
var d = 20;
var result = d++ + ++d + d;
console.log("result = " +result);
</script>
</head>
<body> </body>
</html>
结果:
解析:首先d++为原值,也就是20;接着d++中的d自增一,变成了21,所以++d为22;++d中的d是由21+1得来的,也就是22.
所以:20+22+22=64.
二、自减(- -)
⑴什么是自减?
通过自减可以使变量在自身的基础上减一;
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自减</title>
<script>
var num = 10;
num--;
console.log("num = " +num);
</script>
</head>
<body> </body>
</html>
结果:
⑵分类
1、后- -(a--)
2、前- -(--a)
⑶两者的相同点
无论是a-- ,还是--a ,都会立即使原变量的值自减一;
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自减</title>
<script>
var num = 10;
--num;
console.log("num = " +num);
</script>
</head>
<body> </body>
</html>
结果:
⑷两者的不同点
a-- 和 --a的值不同。
①a- -是变量的原值(是自减前的值);
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a--</title>
<script>
var num = 10;
console.log(num--);
console.log("num = " +num);
</script>
</head>
<body> </body>
</html>
结果:
②--a是原变量的新值(自减后的值);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>--a</title>
<script>
var num = 10;
console.log(--num);
console.log("num = " +num);
</script>
</head>
<body> </body>
</html>
结果:
三、综合小测试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>综合测试</title>
<script>
var n1 = 10,n2 = 20;
var n = n1++;
console.log('n1 = ' +n1);
n = ++n1;
console.log('n = ' +n);
console.log('n1 = ' +n1);
n = n2--;
console.log('n = ' +n);
console.log('n2 = ' +n2);
n = --n2;
console.log('n = ' +n);
console.log('n2 = ' +n2);
</script>
</head>
<body> </body>
</html>
结果:
怎么样,有没有算对呀,看完之后,就应该很明白自增和自减了吧,加油呀~~
最新文章
- G - 小希的迷宫
- Hello BIEE
- Theano2.1.11-基础知识之稀疏
- 关闭Eclipse的控制台console自动跳出
- 【BZOJ-2295】我爱你啊 暴力
- Qt实战之开发CSDN下载助手 (2)
- POJ 3481 &;amp; HDU 1908 Double Queue (map运用)
- 使用IronPython给.Net程序
- 关于在TabBar 中添加按钮,并通过block 或代理在控制器中实现响应
- Linux编程之select
- 11、Grafana 5.0 新功能特性(译文)
- 为什么毕业一年了工资还是只有7K
- (原创)odoo11配置邮件功能的那些事儿
- ThinkPHP框架 自定义 Empty 方法保护本地信息不被暴露!!!
- P3195 [HNOI2008]玩具装箱TOY
- 踩过无数坑实现的哈夫曼压缩(JAVA)
- 世纪互联提供的关于Powershell中将虚拟机加入备份保管库的方法
- 【WinRT】多语言化应用程序名称
- [Lua] try catch实现
- swift 自定义弹框