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 逗号运算符 ,

原文地址:https://www.cnblogs.com/huanying2000/p/12336590.html

时间: 2024-08-02 01:06:17

HTML学习 JavaScript(运算符)的相关文章

JavaScript学习笔记——运算符和表达式

javascript运算符 一.运算符和操作数的组合就称为表达式. 二.javascript运算符 (一) 算术运算符 + - * / % var++ ++var var-- --var A. + (1) 用于数值的运算 (2) 用于字符串的连接 *************************** 任何的数据类型和字符串相加都是等于相加以后的字符串 ************************* B. % (1)用于取余数,判断奇数或者是偶数 (2)一般不用于小数,因为结果不确定. C.

跟着9张思维导图学习Javascript

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将 po 出我收集的 9 张 javascript 相关的思维导图(非原创). 思维导图小tips: 思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像.颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的规律,协助人们在科学与艺术.逻辑与想象之间平衡发展,从而开启人类

【转载】跟着9张思维导图学习JavaScript

原文:跟着9张思维导图学习JavaScript 学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将 po 出我收集的 9 张 JavaScript相关的思维导图(非原创). 思维导图小tips: 思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像.颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的规律,协助人们在科

轻松学习JavaScript十一:JavaScript基本类型(包含类型转换)和引用类型

一值的类型 早在介绍JS的数据类型的时候就提到过基本类型和引用类型,不过在说两种类型之前,我们先来了解一下变量的 值的类型.在ECMAScript中,变量可以存在两种类型的值,即原始值和引用值. (1)原始值 存储在栈中的简单数据段,也就是说,它们的值直接存储在变量访问的位置. (2)引用值 存储在堆中的对象,也就是说,存储在变量处的值是一个指针,指向存储对象的内存处. 为变量赋值时,ECMAScript的解释程序必须判断该值是原始类型,还是引用类型.要实现这一点,解释程序则需 尝试判断该值是否

学习Javascript的8张思维导图【收藏】

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图. 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像.颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的规律,协助人们在科学与艺术.逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能.思维导图因此具有

javascript运算符整理

说起运算符,基本上各类编程语言中都会涉及,使用方法大同小异.今天在这里以javascript做简单的整理. 总得来说运算符还是比较的多,大致可以分为以下几种类型: 一元运算符 位运算符 布尔运算符 乘性运算符 加性运算符 关系运算符 等性运算符 条件运算符 赋值运算符 逗号运算符 可以说只要学习过变成语言对这些运算符应该是并不陌生的,只要有逻辑或者是计算都会用到上面的运算符,之前我也是比较零散的使用过,从来没有系统的学习和整理过这些运算符到底怎么使用?之间有什么区别和联系?有什么使用上的技巧?今

跟着 8 张思维导图学习 Javascript

来源:http://www.cnblogs.com/coco1s/p/3953653.html 学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图. 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像.颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的

10张思维导图带你学习JavaScript

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出10张JavaScript相关的思维导图. 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像.颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的规律,协助人们在科学与艺术.逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能.思维导图因此具

网上收集:跟着 8 张思维导图学习 Javascript【转】

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图. 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像.颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的规律,协助人们在科学与艺术.逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能.思维导图因此具有