JS—操作符（一）

最新推荐文章于 2022-07-12 22:56:28 发布

杨旭华　

最新推荐文章于 2022-07-12 22:56:28 发布

阅读量214

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Yxh666/article/details/103026837

版权

JavaScript 专栏收录该内容

17 篇文章 13 订阅

订阅专栏

1.算数操作符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
     var s1 = 6;
     var s2 = 4;
    console.log(s1+s2);
</script>
</html>

在这里插入图片描述

% 为取余
* 乘法符号
/ 除法符号
- 减法符号
+ 加法符号

2.一元运算符

只有一个值进行自身运算的交一元运算符，直接改变的是自身的数值

我们来定义并赋值一个数值，在进行打印：

... ...
    var n1 = 5;
    n1++
    console.log(n1);
</script>
</html>

在这里插入图片描述
可以看到打印出来是数值 6
那么是什么意思呢，我们看中间的

 n1++

这个就是自身加一可以这样写，如果加二那就只能写+2，就不能写++了

同样 – – 就是自身减一

我们看一下效果：
在这里插入图片描述
总结来说 ++ – – 对自身操作加一或者减一

注意：
操作符在变量的前面，先进行自身运算，在进行其他运算
操作符在变量的后面，先进行其他运算，在进行自身运算

可能说的不太好理解，我们下面有例子，进行解释：

... ...
    var a = 1;
    var b = ++a + a++
    console.log(b);
</script>
</html>

我们看结果：
在这里插入图片描述
这个结果是这样来的：
++a 先进进行运算，也就是1+1=2，在后面，进行加法运算也就是2+1=3，最后在进行a++运算，此时前面的运算数值已经是3了，这里在进行运算，3+1=4，就是这样的来的

再给大家看到题解释：

... ...
    var a = 1;
    var b = ++a + ++a;
    console.log(b);
</script>
</html>

结果：
在这里插入图片描述
我们来看一下是怎么出结果的：
我们本身定义的 a 为 1 ，后面 ++a 我们上面说过的，操作符在变量的前面，先进行自身运算，在进行其他运算 也就是 1+1=2，后面，因为它们的操作符在变量的前面，所以先进行运算，也就是 1+2=3，因为前面数值已经是2了，所以这里直接用了，最后进行其他运算，我们看前面的变量的值一个是2 ，一个是3，在进行相加就是5

3.逻辑运算符

又称布尔运算符

 && 逻辑与运算符   参与运算的数据必须为真，结果为真
 || 逻辑或运算符   参与运算的数据只要有一个为真，结果为真
 !  逻辑非运算符   获取相反地结果

! 逻辑非运算符获取相反地结果

... ...
   var a = true;
   console.log(!a);
</script>
</html>

在这里插入图片描述
我们看这样的代码，定义变量为true，但是要打印出取反的值，那就是false

&& 逻辑与运算符参与运算的数据必须为真，结果为真

... ...
    var a = 1;
    var b = 2;
    var c = 0;
    console.log(a && b);
</script>
</html>

结果：
在这里插入图片描述
这个就是真的值，我们继续解释：

... ...
    var a = 1;
    var b = 2;
    var c = 0;
    console.log(c && b);
</script>
</html>

在这里插入图片描述
这个就是假了

我们看上面的，1和2 都是有值的，所以是真的。再看下面，有一个0，所以符合了我们 逻辑与运算符，必须参与的数值都为真，结果才为真，只要有一个假，就都是假的

|| 逻辑或运算符参与运算的数据只要有一个为真，结果为真

... ...
    var a = 1;
    var b = 2;
    var c = 0;
    // console.log(c && b);
    console.log(a || b);
</script>
</html>

在这里插入图片描述

逻辑或运算，就是只要有一个数据为真，就是真
我们看下面，更改一下数据：

... ...
    var a = 1;
    var b = 2;
    var c = 0;
    // console.log(c && b);
    console.log(c || b);
</script>
</html>

在这里插入图片描述
同样也是真的

杨旭华　

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS—操作符（一）

1.算数操作符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
复制链接

扫一扫