HTML学习 JavaScript(运算符)

Posted 幻影-2000

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML学习 JavaScript(运算符)相关的知识，希望对你有一定的参考价值。

1.常见的运算符

加(+) 减(-) 乘(*) 除(/) %(取余)

加减乘除没什么好讲的。我们讲讲取余

取余只能整数除以整数，若除数比被除数大，直接除数就是余数，若除数比被除数小，被除数就除以除数直到剩下的数比除数小，则这个数就是余数，而且注意余数的符号要与被除数的符号一致

浮点数 运算会有问题

0.1 + 0.2 = 0.3000000000000004

所以我们在算数运算时 尽量避免浮点数运算

我们不能直接拿着浮点数来进行相比较 是否相等。

比如 0.1 + 0.2 == 0.3 会是false

递增和递减运算符

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

在javascript中 递增和递减即可以放在变量前面 也可以放在变量后面。放在变量前面时，

我们可以称为前置递增(递减)运算符,放在后面时 我们可以称为后置递增(递减)运算符。

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

前置递增运算符

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

自增案例:

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>递增递减运算符</title>

    <script>
        // 前置递增
        var age = 10;
        ++age; //类似于 age = age + 1
        console.log(age);

        var p = 10;
        console.log(++p + 10); //21 11 + 10
        // ++p 先自加1 在返回值。

        //后置自增
        var num = 10;
        num++; //等价于 num = num + 1
        console.log(num);

        var num1 = 11;
        //说明后置自增参与运算 先使用 后 + 1
        console.log(num1++ + 10);//21 
        //前置自增和后置自增 如果单独使用效果是一样的
        //但是在参与运算中 后置自增 先返回原值 再 + 1
        //前置自增 先 + 1 再返回值 
    </script>
</head>

num-- 先使用 再-1

--num 先-1 再使用

和上面的前置自增 后置自增差不多 只是+1变成了-1;

== 等于 默认转换数据类型 会把字符串类型的数据转换为数字类型。

所以 18 == ‘18‘ 会是true。

=== 全等 要求值和数据类型都一致。

!== 不全等。

逻辑运算符 短路运算(逻辑中断)

短路运算的原理: 当有多个表达式(值) 左边的表达式可以确定结果时，就不再继续运算右边的表达式的值。

逻辑与短路运算：

如果左边的表达式为真 则返回右边表达式

如果左边的表达式为假 则返回左边的表达式

123 && 456 返回456

0 && 456 返回0

逻辑或短路运算

如果左边的表达式为真 则返回左边的表达式 

如果左边的表达式为假 则返回右边的表达式

123 || 456 返回123

123 || 456 || 456 + 123 返回123

0 || 456 返回456

var num = 0

console.log(123 || num++); //123  num = 0

运算符的优先级

1 小括号 ()

2 一元运算符 ++ == ！

3 算数运算符 先乘除后加减

4 关系运算符 > >= < <=

5 相等运算符 == != === !==

6 逻辑运算符 先 && 后 ||

7 赋值运算符 =

8 逗号运算符 ,

 

以上是关于HTML学习 JavaScript(运算符)的主要内容，如果未能解决你的问题，请参考以下文章

语言JavaScript学习笔记

JavaScript学习总结——转

JavaScript学习笔记

HTML学习 JavaScript(运算符)

[HTML5] Add an SVG Image to a Webpage and Get a Reference to the Internal Elements in JavaScript(代码片

语言JavaScript学习笔记