js-运算符-分支语句-三元表达式

最新推荐文章于 2025-03-30 16:07:48 发布

晚风吹耶yep

最新推荐文章于 2025-03-30 16:07:48 发布

阅读量505

点赞数 1

分类专栏： js基础文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_64492064/article/details/124003412

版权

js基础专栏收录该内容

7 篇文章

订阅专栏

1.算数运算符

算数运算符就是我们数学里的+ - * / %

注意一点：在计算机的语言里0.1+0.2不等于0.3哦。所以我们尽量避免用浮点数直接运算，会出现精度的问题。

%（取余）主要用来判断一个数能不能被整除。

2.递增递减运算符

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

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

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

前置和后置单独使用的时候直接自加1就可以，只有在运算的时候才考虑口诀。

2.1前置递增（递减）运算符

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

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

var num=10;
++num;
console.log(num)//11

2.2后置递增（递减）运算符

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

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

var num=10;
console.log(num++ + 10)//20

3.比较运算符

比较运算符是数据进行比较是所使用用的运算符，得到的值是布尔值。

＞大于
＞= 大于等于
＜小于
<= 小于等于
== 等于（会转型）
！= 不等于（会转型）
！== 不全等（不会转型，要求数据类型也必须一致）
=== 全等（不会转型，要求数据类型也必须一致）

4.逻辑运算符

逻辑运算符是用来进行布尔值运算的运算符，返回的值也是布尔型的值。

&& 逻辑与
|| 逻辑或
！逻辑非

1.&&逻辑与

只有两边的值都为真时，才返回真。只要有一个是假。那就是假的。

var num = 1 < 2 && 3 < 2;   // true && true =true
var re = 3 < 1 && 10 > 7;   // false && true =false

2.||逻辑或

只有两边的值都为假时，才返回假。只要有一个是真的，那么就是真的。

var num = 5 < 2 || 8 < 2;   // false && false =false
var re = 3 < 1 || 10 > 7;   // false && true = true

3.!逻辑非

也叫取反值，用来去一个布尔值的相反值，比如真的相反值就是假。

var num = 10; //ture
 console.log(!(num));//false

5.赋值运算符

用来把数据赋值给变量的运算符。

var age = 10;
age += 5;  // 相当于 age = age + 5;
age -= 5;  // 相当于 age = age - 5;
age *= 10; // 相当于 age = age * 10;

6.运算符的优先级

一元运算符里面的逻辑非优先级很高
逻辑与比逻辑或优先级高

if 语句 switch 语句

1. if 语句

 语法结构：
 if（条件表达式）{
   //输出语句
 }

if 语句的执行思路是，如果条件表达式为真，那么就执行大括号里面的。如果条件表达式为假，则不执行。

2. if ... else语句

语法结构
if (条件表达式){
  //执行语句
}else{
  //执行语句
}

if ...else 语句的执行思路是，如果条件表达式为真，那么就执行大括号里面的。如果条件表达式为假，则执行else里面的。

3.if ...else if ..语句

语法结构
//适合于检查多重条件。
 if(条件表达式1){
   //执行语句1
 }else if(条件表达式2){
   //执行语句2
 }else if(条件表达式3){
   //执行语句3
 } 
 ....
 else{
    //执行语句
 }

if ...else if... 语句的执行思路是，如果条件表达式1为真，那么就执行语句1，如果未假，则继续往下判断，如果以上的所有都是假，则执行else里面的。

4.switch语句

语法结构
switch(条件表达式){
  case value1:
  //语句1；
  brear;
    case value2:
  //语句2；
  brear;
    case value3:
  //语句3；
  brear;
  ...
  default:
  //最终的执行语句；
}

他的执行思路是，如果条件表达式的值与case里的值相等，则执行 case里面的语句。如果都不成立，则执行 default里面的。

注意：

一般switch后面的括号里放的是用来接收数据的变量。通常是一个固定的值。
switch后面的值必须跟case的值全等才可以
switch和if的区别是 switch更适合与固定的值，而且结构清晰，效率更高

三元表达式

表达式1 ? 表达式2 : 表达式3;

他的执行思路是，如果表达式1的结果为真，则返回第一个值，如果为假则返回第二个值。

  var num =  1 > 2 ? '是的'：'假的';
  console.log(num);//假的

补一下前天学的东西~