Js运算符

Js运算符

算数运算符

算术运算符概述

JavaScript 语言的算术运算符是使用数字值作为操作数,进行运算之后返回一个数字值。

算术运算符 +,-,*,/,% % => 模(余数)

加法运算符

加法运算符(+)的作用就是用来计算两个操作数的加法计算。前提是这个两个操作数都是数字值(number 类型)

  1. 普通的加法运算:进行正常的加法运算

  2. 字符串运算符:

    如果其中一个或两个操作数是字符串(string 类型)的话,+ 符号则表示为字符串运算符。此时的的作用的拼接字符串。

减法运算符

减法运算符(-)的作用就是用来计算两个操作数的减法计算。

如果不是number类型的话会先将其他类型转换为number类型,再进行计算

除法/乘法运算符

乘法运算符(*)的作用就是用来计算两个操作数的乘法计算。

除法运算符(/)的作用就是用来计算两个操作数的除法计算。

取余运算符

取余运算符(%)的作用就是用来两个操作数进行相除运算之后的余数

注意:当出现负数时,最终将的结果同第一个操作数的位置有关:如果第一个操作数是负数,结果就是负数

如果非number类型,处理方式同减法运算符

案例:

var a = 10;
var b = 20;
var c = "字符串"

console.log(a+b);   //30
console.log(a+c);   //10字符串
console.log(a-b);   //-10
console.log(a-b);   //NaN
console.log(a*b);   //200
console.log(a/b);   //0.5
console.log(a%b);   //10
console.log(a%c);   //NaN
console.log(-10 % 3); //-1

逻辑运算符

JavaScript 语言提供了如下表所示的逻辑运算符:

运算符 描述
逻辑与运算符(&& 如果左边操作数转换为 boolean 类型的值为 false,则返回左边操作数,否则返回右边操作数
逻辑或运算符(ΙΙ) 如果左边操作数转换为 boolean 类型的值为 true,则返回左边操作数,否则返回右边操作数
逻辑非运算符(! 将操作数转换为 boolean 类型的值,如果为 true 的话则返回 false,否则返回 true
  • 非运算符
    非真既假,非假既真,取反

    !true => false

    !false => true

比如:

var a = true
var b = false
console.log(!a);    //false
console.log(!b);    //true
  • 与运算符

    比如:需要&&的两边同时为true,结果为true

    true && true => true

    true && false => false

    false && true => false

    false && false => false

比如:

console.log(true&& true);// true
console.log(true && false);// false
console.log(false && true);// false
console.log(false && false);// false
  • 或运算符

    比如:只要两边有一个边true,那么结果就为true

    true || true => true

    true || false => true

    false || true => true

    false || false => false

比如:

console.log(true|| true);// tre
console. log (true || false);// false
console.log(false|| true);// false
console. log(false || false);// false

赋值运算符

  • = 将=右边的值赋值给等号左边的变量 var a = 10;
  • += a += b => a = a + b
  • -= a -= b => a = a - b
  • *= a *= b => a = a * b
  • /= a /= b => a = a / b
  • a%= b a %= b => a = a % b

比较运算符

比较运算符,返回的结果是boolean的值

运算符 描述 案例
等于运算符(== 当两个操作数的值相等时,返回 true,否则返回 false 3 == '3' 返回 true
不等于运算符(!= 当两个操作数的值不等时,返回 true,否则返回 false 3 != 1 返回 true
全等运算符(=== 当两个操作数的类型和值都相同时,返回 true,否则返回 false 3 === 3 返回 true
不全等运算符(!== 当两个操作数的类型或值不相同时,返回 true,否则返回 false 3 !== '3' 返回 true
大于运算符(> 当左边操作数大于右边操作数时,返回 true,否则返回 false 3 > 2 返回 true
大于等于运算符(>= 当左边操作数大于等于右边操作数时,返回 true,否则返回 false 3 >= 2 返回 true
小于运算符(< 当左边操作数小于右边操作数时,返回 true,否则返回 false 2 < 3 返回 true
小于等于运算符(<= 当左边操作数小于等于右边操作数时,返回 true,否则返回 false 2 <= 3 返回 true
比如:
var a = 10;
var b = 20;
var c = 20;
console.log(a != b);  //true
console.log(a !== b);  //true
console.log(a == b);   //false
console.log(a === b);   //false
console.log(a > b);   //false
console.log(a >= b);   //false
console.log(b >= c);   //true
console.log(a < b);   //true
console.log(a <= b);  //true

自增自减

  • 自增运算符(++)
  • 自减运算符(--)

比如:

var a = 10;
//如果++在前,表示先运算,再赋值,如果是++在后,表示先赋值再运算
var b = a ++;   //再运算,就是对a自己进行+1
console.log(a,b);

//同样的道理,如果是--在前,那么先对本身进行-1,再赋值
//如果是--在后,那么将自己的值赋值给那个变量,然后自己再进行运算

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)
原生JS实现别踩白块小游戏(七)
原生JS实现别踩白块小游戏(二)