前端-JS运算符复习

运算符（operator）

1.加性操作符

let result = 1+2    //基础用法   数据求和

let result1 = 5+"5"  //用于字符串拼接

//容易犯错的案列
let num1 = 5;
let num2 = 10;
let message = "我今年"+num1+num2+"岁了"  //数值运算和字符串拼接连用    记得加挎号

2.减法操作符

let result = 2 - 1;   //基础用法   数据求差

//特殊的用法
let result1 = 5 - true; //true 被转换为1，结果是4
let result2 = NaN - 1;  //NaN
let result3 = 5 - 3;//  2
let result4 = 5 - "";  //""被转换为0,所以结果是5
let result5 = 5 - "2"; //"2"被转换为2，所以结果是3
let result6 = 5 - null; //null被转换为0，所以结果是5

//总结： 当进行减法运算的时候  会先进行Number类型转换 再进行运算

3.乘性操作符

let result = 34*5;

4.除法操作符

let result = 66 / 11;

5.取模操作符

let result = 100 % 6;

6.一元操作符

概念:只操作一个值的操作符叫一元操作符。

//前置递增或者递减(++num,--num)
let age = 29;
++age;    // 相当于  age = age + 1;  自身加1

let age = 29;
--age;    // 相当于  age = age - 1;  自身减1


//用于计算中的表现
let age = 29;
let anotherAge = --age +2;  //结果为30  因为递减操作先发生再+2

console.log(anotherAge);

//特殊案列
let num1 = 2;
let num2 =20;
let num3 = --num1+num2;
let num4 = num1+num2;
console.log(num3,num4);  // 21,21


//后置递增或者递减(num++,num--)
let age = 29;
age--;
console.log(age)


//特殊案列
let num1 = 2;
let num2 =20;
let num3 = num--+num2;
let num4 = num1+num2;
console.log(num3,num4);  // 22,21




//自身值改变的简写
let num = 10;

let num = 10;
num = num+10;
//等同于
num += 10;    //其余的加减乘除  都遵循这一法则


//一元加和减 
let num = 25;
num = +num;

console.log(num);  //值为25      如果加号放到数值类型的前面  不会有任何变化

//特别的案列

let num = "3";
num = +num;

console.log(typeof num);  //结果为number  如果是非数值的前面加一个+号 则会执行像Number()转型函数一样的类型转换


//减号

7.布尔操作符

​ 概念：布尔操作符主要包括逻辑与，逻辑或，逻辑非(&&,||,!)

//逻辑非   也叫作取反
console.log(!false);  //true
console.log(!"blue"); //false
console.log(!0);  //true
console.log(!NaN); //true
console.log(!"");  //true
console.log(!123456); //false

//不常用的用法 (!!) （面试喜欢考）
//作用相当于使用Boolean();
console.log(!!"blue");  //true
console.log(!!0);  //true

//逻辑与  必须都为真时才会为真，并且具有短路的特点
let result = true && false;

//短路
let found = true;
let result = found && myAge;  //会出错,必须都为真时才会为真

//逻辑或  
let result = true || false;

//短路
let found = true;
let result = found || myAge;  //不会出错  第一个为真就会返回第一的值


//应用
  let flag1 = "哈哈哈";

  let flag2 = "默认值";

  let result =  flag1 || flag2;


  console.log(result);

8.逗号操作符

概念:逗号操作符可以用来在一条语句中执行多个操作

let num1 =1,num2 = 2,num3 = 3;   //可以用户多个变量的定义和赋值

//特殊的案列 (不常用,但是笔试可能会遇到)
let num = (5,1,4,8,0);   //num的值为0

作业

1.计算自己的年龄

​ 要求:弹出一个输入框，输入用户的出生年份，然后再用弹出框把用计算出的年龄弹出来，

2.计算和，平均值

​ 要求:小明是一名大学生，他想利用业余时间给自己挣点外快 ,于是他利用周五，周六，周日，三天的时间去兼职，三天的工资分别是，114，125，153， 请你设计一个程序，要求用户分别输入三天的工资，然后计算它的平均工资，以及总工资。然后在控制台显示。