---恢复内容开始---

运算符叫做operator，也可以叫做操作符。运算符有很多种，一元运算符、二元运算符；数学运算符、逻辑运算符……我们今天先学习数学运算符，比较简单

+     加法

-      减法

*     乘法

/      除法

%    取余数

( )    括号

下面的结果都是3：

1           console.log(1 + 2);

2           console.log(8 - 5);

3           console.log(1.5 * 2);

4           console.log(12 / 4);

5           console.log(13 % 5);  //得几不重要，要的是余数

取余数这个运算，实际上也是除，要的是余数：

1    //取余数

2    console.log(12 % 3);  //0

3    console.log(121 % 11);   //0

4    console.log(5 % 8);      //5

5    console.log(8 % 5);      //3

6    console.log(5 % 5);      //0

默认的计算顺序，先乘除，后加减。乘除取余是平级，先遇见谁，就算谁。

1    console.log(1 + 2 * 3);      //7

2    console.log(1 + 2 * 3 % 3);  //1

3    console.log(1 + 2 % 3 * 3);  //7

我们可以用小括号来改变计算先后顺序，注意没有中括号和大括号，一律用小括号。

1    var a = 4 * (3 + (1 + 2) * 3);

2    alert(a);

特殊的数字运算，很多公司在考，考你对面试的重视程度，因为这个知识实战中一辈子用不到。

JS中的数学运算符，就这么几个，如果你学过C，那么我提醒你，没有乘方^。如果你学过java那么我提醒你，没有取整除法\。

乘法怎么算？

1    Math.pow(3,4);

这是一个新的API，记住就行了，后面的课程将会告诉你，Math是一个内置对象，pow是它的一个方法。

Math就是数学，pow就是power乘方。

1    var a = Math.pow(3,2 + Math.pow(3,6));

根号就是

1    Math.sqrt(81);

今天遇见的所有API：

alert("哈哈");

prompt("请输入数字","默认值");

console.log("哈哈");

parseInt("123",8);

parseFloat("123");

Math.pow(3,4);

Math.sqrt(81);

最后附上代码

运算符的模样

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    <script type="text/javascript">

        // console.log(1 + 2);

        // console.log(8 - 5);

        // console.log(1.5 * 2);

        // console.log(12 / 4);

        // console.log(13 % 5);    //13÷5=2……3 得几不重要，要的是余数

        // //取余数

        // console.log(12 % 3);    //0

        // console.log(121 % 11);    //0

        // console.log(5 % 8);        //5

        // console.log(8 % 5);        //3

        // console.log(5 % 5);        //0

        // console.log(1 + 2 * 3);        //7

        // console.log(1 + 2 * 3 % 3);    //1

        // console.log(1 + 2 % 3 * 3);    //7

        // var a = 4 * (3 + (1 + 2) * 3);

        // alert(a);

        // 隐式的类型转换

                var a = "3" * 8;

                console.log(a);

    </script>

</head>

<body>

</body>

</html>

乘法运算符的样子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    <script type="text/javascript">

        var a = Math.pow(3,2 + Math.pow(3,4));

        console.log(a);

    </script>

</head>

<body>

</body>

</html>

前端-JavaScript1-7——JavaScript之数学运算符的更多相关文章

  1. 前端笔记之JavaScript（二）关于运算符&初识条件判断语句

    运算符 数学运算符的正统,number和number的数学运算,结果是number.出于面试的考虑,有一些奇奇怪怪的数学运算: 数学运算中:只有纯字符串.布尔值.null能够进行隐式转换. //隐式转 ...

  2. 前端笔记之JavaScript（七）深入函数&DOM那点事

    一.函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象. 在函数中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们. ...

  3. 前端笔记之JavaScript（一）初识JavaScript

    一.JavaScript简介 1.1网页分层 web前端一共分三层: 结构层 HTML         : 负责搭建页面结构 样式层 CSS          : 负责页面的美观 行为层 JavaSc ...

  4. web前端篇：JavaScript基础篇（易懂小白上手快）-1

    目录 详细内容: 0.JavaScript的引入 1.第一个JavaScript 2.变量 3.变量的类型 4.数组 5.条件语句 6.三元运算符 7.循环 8.函数 9.对象(object): 10 ...

  5. 前端面试之JavaScript中数组的方法！【残缺版！！】

    前端面试之JavaScript中数组常用的方法 7 join Array.join()方法将数组中所有元素都转化为字符串并连接在-起,返回最后生成的字 符串.可以指定一个可选的字符串在生成的字符串中来 ...

  6. 前端html、Javascript、CSS技术小结

    简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页 ...

  7. JavaScript中的运算符种类及其规则介绍

    JavaScript中的运算符有很多,主要分为算术运算符,等同全同运算符,比较运算符,字符串运算符,逻辑运算符,赋值运算符等.这些运算符都有一些属于自己的运算规则,下面就为大家介绍一下JavaScri ...

  8. 前端开发之JavaScript篇

    一.JavaScript介绍  前端三剑客之JavaScript,简称js,可能是这三个里面最难的一个了.很早以前,市面上流通着三种js版本,为了统一,ECMA(欧洲计算机制造协会)定义了规范的版本, ...

  9. 前端基础之JavaScript day51

    前端基础之JavaScript   JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中) ...

随机推荐

  1. HBase原理和设计

    转载 2016年1月10日:http://www.sysdb.cn/index.php/2016/01/10/hbase_principle/ 简介 架构 数据组织 原理 RS定位 region写入 ...

  2. Anaconda安装（Windows）

    Anaconda集成了python和各种常用工具. 目前有两个版本,分别包含了python2.7和python3.5,并且自动添加环境变量.去官网下载安装包. 1.安装其他模块.conda insta ...

  3. 七、Django模型基础第二节——常用查询

    1 常用的模型字段类型 官方文档链接: https://docs.djangoproject.com/en/2.1/ref/models/fields/#field-types 常用的字段类型 模型字 ...

  4. react抛物线小球实现

    .ballFather{ position: absolute; width: 15px; height: 15px; border-radius: 50%; transition: all 0.5s ...

  5. JavaScript新手入门 贪吃蛇

    从小就在玩贪吃蛇,但是知道今天自己做了一遍才知道原理的具体的实现步骤. 刚进入界面时显示开始游戏(不重要,本人比较喜欢吹毛求疵) 中间黑色部分为游戏的主要展示部分 主要步骤及源码: body中代码,红 ...

  6. 第七次实验：CC2530平台上多跳通信的TinyOS编程

    module  P2MM { uses interface Boot; uses interface Timer<TMilli> as Timer0; uses interface Spl ...

  7. PAT乙级考前总结（四)

    散列相关问题 1029 旧键盘 (20 分) 旧键盘上坏了几个键,于是在敲一段文字的时候,对应的字符就不会出现.现在给出应该输入的一段文字.以及实际被输入的文字,请你列出肯定坏掉的那些键. 输入格式: ...

  8. CSS3中设置字体的抗锯齿或光滑度的属性

    刚刚接触前端开发,对于-webkit-font-smoothing: antialiased; 这个属性不了解.上网查找了一些资料. 总结一下: -webkit-font-smoothing  :  ...

  9. 基于C++的成功-失败法演示

    确定搜索区间的一维搜索算法 求多元函数 f(x) 的最优解通常采用迭代的方法: 在可行域内任取一点 x0作为初始点,从 x0 出发,按照一定的方法,一次找到 x1,x2,x3,…,xn,…, 使得某个 ...

  10. [小明打联盟][斜率/单调队列 优化dp][背包]

    链接:https://ac.nowcoder.com/acm/problem/14553来源:牛客网 题目描述 小明很喜欢打游戏,现在已知一个新英雄即将推出,他同样拥有四个技能,其中三个小技能的释放时 ...