3.递增和递减运算符

这一片月

于 2023-07-07 23:12:56 发布

阅读量697

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_62865634/article/details/131605523

版权

3.1递增和递减运算符概述

如果需要反复给数字变量添加或者减去1 ，可以使用递增（++）和递减（--）运算符来完成

在JavaScript中，递增（++）和递减（--）即可以放到变量前面，也可以放到变量后面，放到变量前面时，我们可以称为“前置递增（递减）运算符”，放到变量后面时，我们可以称为后置递增（递减）运算符

注意：递增和递减运算符必须和变量配合使用

在JavaScript中，递增运算符（++）和递减运算符（--）是一元运算符，用于将变量的值增加或减少1。它们可以用于数字、字符串和布尔类型的变量，但是行为可能会有所不同。

递增运算符将变量的值加1，递减运算符将变量的值减1。它们可以前缀和后缀的形式使用，分别表示先计算表达式的值再进行运算，或者先进行运算再计算表达式的值。

例如：

let x = 5;
let y = ++x; // y的值为6，x的值为6
let z = x--; // z的值为6，x的值为5

需要注意的是，在某些情况下，递增和递减运算符的行为可能会有所不同。例如，对于字符串类型的变量，递增运算符会将字符串转换为数字类型，然后进行加1运算，而递减运算符会将字符串转换为数字类型，然后进行减1运算。对于布尔类型的变量，递增和递减运算符会将变量转换为数字类型（0或1），然后进行加1或减1运算。

总之，递增和递减运算符是一元运算符，用于将变量的值增加或减少1。在使用时需要注意其行为和类型转换的影响。

自己代码解释：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>递增和递减运算符概述</title>
    <script>
        /* 如果需要反复给数字变量添加或者减去1 ，可以使用递增（++）和递减 （--）运算符来完成*/
        /* 在JavaScript中，递增（++）和递减（--）即可以放到变量前面，也可以放到变量后面，放到变量前面时，我们可以称为“前置递增（递减）运算符”，放到变量后面时，我们可以称为后置递增（递减）运算符 */
        /* 注意：递增和递减运算符必须和变量配合使用 */
    // 1、想要一个变量自己加1   num  = num+1比较麻烦
    var num = 1;
    // 这里var声明一个变量  num给这个变量取名字后面1就是赋值
    num = num +  1;
    num = num +  1;
    // 这里就是从后面看，1加一个声明变量num值（赋值一个1）1+1=2，所以num就等于2
    console.log(num);//这里后台打印出来就是num总就是3

    // 2、前置递增运算符  ++写在变量的前面
    var age = 10;
    ++age;//类似于age=age + 1
    console.log(age);//这里打印出来的返回值就是11

    //3、先加1  后返回值
    var p = 10;
    console.log(++p + 10);
    //解释：这里打印出来就是前置先看++，这里就是+1,1+p意思，1+1+10等于21
    </script>
</head>
<body>
    
</body>
</html>

3.2递增运算符，后置递增运算符

num++ 后置递增，就是自加1 ，类似于num = num + 1，但是num ++ 写起来更简单

使用口诀：先返回原值，后自加

后置递增运算符

后置递增运算符（即变量名后跟两个加号）是一种一元运算符，用于将变量的值加1，并返回变量的原始值。与前置递增运算符不同，后置递增运算符会先返回变量的原始值，然后再将变量的值加1。

例如：

var age = 10;
var newAge = age++; // 先将age的值赋给newAge，然后将age自增1
console.log(newAge); // 输出10
console.log(age); // 输出11

在这个例子中，变量age被赋值为10。然后，递增运算符age++被使用，它会先返回age的原始值10，然后再将age的值自增1，变为11。这个返回的值10被赋给了新变量newAge。

因此，console.log(newAge)将输出10，而console.log(age)将输出11。

需要注意的是，尽管后置递增运算符会返回变量的原始值，但是它仍然会改变变量的值。因此，在使用后置递增运算符时，一定要注意变量的值是否符合你的预期。

前置运算符和后置运算符区别

前置递增运算符和后置递增运算符都是一元运算符，用于将变量的值加1。它们的主要区别在于它们的返回值和执行顺序不同。

前置递增运算符是在变量名前面加两个加号（++），它会先将变量的值加1，然后再返回变量的新值。例如：

var age = 10;
var newAge = ++age;
console.log(newAge); // 输出11
console.log(age); // 输出11

在这个例子中，变量age被赋值为10。然后，递增运算符++age被使用，它会先将age的值加1，变为11，然后返回变量的新值11。这个新值11被赋给了新变量newAge。

后置递增运算符是在变量名后面加两个加号（++），它会先返回变量的原始值，然后再将变量的值加1。例如：

var age = 10;
var newAge = age++;
console.log(newAge); // 输出10
console.log(age); // 输出11

在这个例子中，变量age被赋值为10。然后，递增运算符age++被使用，它会先返回age的原始值10，然后将age的值自增1，变为11。这个返回的值10被赋给了新变量newAge。

因此，前置递增运算符和后置递增运算符的区别在于它们的返回值和执行顺序。前置递增运算符先将变量的值加1，然后返回新值；后置递增运算符先返回变量的原始值，然后再将变量的值加1。

后面是自己写代码及总结

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>递增运算符（age++）后置递增运算符</title>
    <script>
        /* num++ 后置递增，就是自加1 ，类似于num = num + 1， 但是num ++ 写起来更简单
        使用口诀：先返回原值，后自加 */
        var num = 10;
        //先声明一个变量，取变量名字num给他赋值10
        num++;
        //这里就是1+10从后面先前面看（++代表每一次循环+ 1）
        // 1.前置自曾和后置在增如果单独使用  效果是一样的
        // 2.后置自增 口诀：先返回原值 后自加1
     var age = 10;
    // 解释：声明一个变量、取age变量名字，给他赋值10
     console.log(age++ + 10);
    // 解释：后台打印：这个时候得先age被赋值10，所以10+10后面在加1,10+10+1=21

    /* 
    解释前置和后置区别：
    前置递增运算符：++age + 10 ，先加1+age+10
    后置递增运算符：age++ + 10 ，返回原值，后面自己加，age + 10=多少值，后面自己单独加1
     */
    </script>
</head>
<body>
    
</body>
</html>