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

运算符叫做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. [Leetcode]27. 移除元素

    题目描述: ++难度:简单++ 给定一个数组 nums 和一个值 val,你需要原地移除所有数值等于val 的元素,返回移除后数组的新长度. 不要使用额外的数组空间,你必须在原地修改输入数组并在使用 ...

  2. DELL H730P写策略write-through和write-back配置说明

    write-through 数据在写入存储的同时,要写入缓存,这种方式安全但是会牺牲写性能,因为只有等数据完全落入硬盘后,才算是一次io完成,这个过程会造成cpu的iowait. write-back ...

  3. BUAAOO P5-P7 Elevator Simulation

    目录 Abstract Introduction Topic Request Elevator Analysis Reading Requests Coordinating Scheduling an ...

  4. entrySet用法 以及遍历map的用法

    entrySet用法 以及遍历map的用法   keySet是键的集合,Set里面的类型即key的类型entrySet是 键-值 对的集合,Set里面的类型是Map.Entry   1.keySet( ...

  5. 在PL/SQL中调用Oracle存储过程

    存储过程 1 什么是存储过程? 用于在数据库中完成特定的操作或者任务.是一个PLSQL程序块,可以永久的保存在数据库中以供其他程序调用. 2 存储过程的参数模式 存储过程的参数特性: IN类型的参数 ...

  6. js实现软键盘

    <p><img id="img" onclick="javascript:var s=document.createElement('script'); ...

  7. tomcat启动时报:IOException while loading persisted sessions: java.io.EOFException的解决方案 ZT

    错误代码如下: 严重: IOException while loading persisted sessions: java.io.EOFException java.io.EOFException ...

  8. 记录一次axios请求造成的数组初始化失败

    axios请求是一个异步的请求,简单来讲就是在做其他事情的时候可以把这个先放一边等其他的事情做完后再来做这件事件. 我之前这样调用了一个方法: mounted() { this.first() thi ...

  9. UVa 297 四分树

    感觉特别像那个分治的日程表问题.是f的话就填,否则就不填,然后同一个表填两次.那么就是最后的结果. #include <iostream> #include <cstring> ...

  10. ubuntu下cannot find lib....so.x 寻找动态链接库

    默认从/lib . /usr/lib 以及配置文件/etc/ld.so.conf内所列的目录下加载.so文件, 进而创建出动态装入程序(ld.so)所需的连接和缓存文件. 缓存文件默认为/etc/ld ...