js运算符

文章目录

• 1.数学运算符
• 2.比较运算符
• 3.三元运算符

---

js运算符大致分为

以下五种，下面主要为大家介绍一下数学运算符，比较运算符，三元运算符

算数运算符	+、 - 、*、 / 、% 、 ++ 、 --
赋值运算符	= 、+= 、-= 、 *= 、 /= 、 %=
比较运算符	> 、 >= 、 < 、 <= 、 == 、 ===(全等于,仅js) 、 !=
逻辑运算符	&& 、 || 、 !
三元运算符	关系表达式 ? 值1 : 值2;

一、数学运算符

 在js中数值可与字符串进行数学运算，底层实现隐式转换。

<script type="text/javascript">
    let str = "10";
    let num = 20;
    console.log(str + num); // 1020
    console.log(str - num); // -10 
    console.log(str * num); // 200
    console.log(str / num); // 0.5
</script>

var a = 3;
var b = 4;
var c = "hello";
 
alert(a/b);//js相除可以得到小数
 
alert(typeof(a+c));// number类与字符串类型相加，字符串拼接
 
var d = 6;
var f = '4';
alert(d+f);//拼接的64
 
var a1 = 3;
var a2 = "4";
alert(a1-a2);//-1 如果字符串与number类型进行相减，默认把字符串的数字转成number类型
 
var b1 = 3;
var b2 = "abc";
alert(b1-b2);//NaN  not a number ;
 
//如果数值与boolean类型为的数据，进行做运算时，会将boolean数据转换成数值。true转为1，false转为0
var bo1 = true;  
var bo2 = false;
alert(a+bo1);//4
alert(a+bo2);//3

注意：字符串类型与数字类型的运算中，只有相加会进行字符串拼接，而减、乘、除运算中，字符串中的数值可与字符串进行数学运算。

二、比较运算符

==、===（全等于）之间的区别？

   == : 只比较内容是否相同  根本不比较数据类型 
   ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false 

代码如下（示例）：

<script type="text/javascript">
    let num = 100;
    let str = "100";
    console.log(num == str); // true
    console.log(num === str);// false
</script>

2.三元运算符

    格式：  表达式 ？ 结果1 ： 结果2 ；

    如果表达式运算的结果是true,把结果1返回
    如果表达式运算的结果是false,把结果2返回

代码如下（示例）：

//定义一个变量为3
let a = 3;
 
//定义一个变量为4
let b = 4;
 
//页面输出
//如果满足的 非0 ，非null， 非undefined 为true
//如果满足的 是0 ，是null , 是undefined 为false
document.write(a>b ? a : b);

---

总结

以上就是今天的内容，希望对你有所帮助