（4）javascript的运算符以及运算符的优先级
运算符的使用方法
在javascript的程序中要完成各种各样的运算，是离不开运算符的。
在javascript中，按运算符类型可以分为算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符等。
（ 图片来自于W3School离线手册）
" % "求模运算符例子：100%7 怎么计算？等于多少？
先100/7=14 14*7=98 100-98=2 结果 就是2 ；
算术运算符案例：
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="keywords" content="javascript的运算符使用,javascript入门">
<meta name="description" content="老罗江湖">
<title> 运用javascript算术运算符 </title>
</head>
<body>
<script type="text/javascript">
var num1=100,num2=50; //定义两个变量
document.write("100+50="+(num1+num2)+"<br/>"); //计算两个变量的和
document.write("100-50="+(num1-num2)+"<br/>"); //计算两个变量的差
document.write("100*50="+(num1*num2)+"<br/>"); //计算两个变量的积
document.write("100/50="+(num1+num2)+"<br/>"); //计算两个变量的余数
document.write("100++="+(num1++)+"<br/>"); //自增运算
document.write("++100="+(++num1)+"<br/>");
</script>
</body>
</html>
效果图：
赋值运算符：
赋值运算符案例：
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="keywords" content="javascript的赋值运算符，javascript入门">
<meta name="description" content="老罗江湖">
<title> 赋值运算符的使用规则 </title>
</head>
<body>
<h4>当数字和字符串相加，结果将成为字符串。</h4>
<script type="text/javascript">
x=10;
document.write(x);
document.write("<br/>");
x="10"+"10";
document.write(x);
document.write("<br/>");
x=10+"10";
document.write(x);
document.write("<br/>");
x="10"+5;
document.write(x);
document.write("<br/>");
</script>
</body>
</html>
效果图 ：
比较运算符：
（ 图片来自于W3School离线手册）
案例解说：
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="keywords" content="javascript的运算符使用，javascript入门">
<meta name="description" content="老罗江湖">
<title> 比较运算符 </title>
</head>
<body>
<script type="text/javascript">
var age=25;
document.write("age变量的值为："+age+"<br/>");
document.write("age>=20："+(age>=20)+"<br/>");
document.write("age<20："+(age<20)+"<br/>");
document.write("age!=20："+(age!=20)+"<br/>");
document.write("age<20："+(age<20)+"<br/>");
</script>
</body>
</html>
效果图：使用比较运算符比较两个数值的大小。
逻辑运算符：
（ 图片来自于W3School离线手册）
案例：
案例：
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="keywords" content="javascript逻辑运算符，javascript入门">
<meta name="description" content="老罗江湖">
<title> 逻辑运算符的使用 </title>
</head>
<body>
<script type="text/javascript">
var x=6,y=3;
document.write(x<10&&y<2); //逻辑与，若两边表达式的值都为true，则返回true；任意一个值为false，则返回false。
document.write("<br/>");
var x=6,y=3;
document.write(x>10||y>6); //逻辑或，只有表达式的值都为false时，才返回false。
document.write("<br/>");
var x=6,y=3;
document.write(!(x>10)); //逻辑非，若表达式的值为true，则返回false，否则返true。
document.write("<br/>");
</script>
</body>
</html>
效果图：
条件运算符：
（ 图片来自于W3School离线手册）
“？”条件运算符是个三元运算符，它有三部个分，一个计算值的条件和两个根据条件返回的真假值，格式如下：
条件 ？ 表达式1：表达式2
在使用条件运算符时，如果条件值为真，则表达式值使用表达式1的值，否则使用表达式2的值。例子如下：
( x > y ) ? 30*3 : 15
如果x大于y值，则表达式的值为90，否则x的值小于或等于y值时，表达式值为15。
案例：
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="keywords" content="javascript条件运算符，javascript入门">
<meta name="description" content="老罗江湖">
<title> 条件运算符的使用 </title>
</head>
<body>
<script type="text/javascript">
var x=2;
var y=6;
var c=y-x;
document.write(c+"<br/>");
if(x>y)
{document.write("x大于y<br/>");}
else
{document.write("x小于y<br/>");} document.write(x>y?"5":"8"); //如果条件值为假，则表达式值使用表达式2的值。
</script>
</body>
</html>
效果图解说：上面创建了两个变量x和y，变量c的值是y和x的差；使用if语句判断x和y的大小，并输出结果；使用了三元运算符，如果x>y，则输出5，否则输出8。
Javascript运算符优先级
编程过程中需要特别注意运算符的优先级。运算符优先级是指在一个表达式中，运算符求值的先后顺序。程序的执行顺序将依据运算符的优先级顺序从左到右依次进行。
优先级别：括号里的表达式将先被执行，再乘除，后加减，这就是说乘法和除法的运算优先级高于加法和减法的优先级。乘除属于同一个级别，加减属于同一个级别，同一级别的运算符按从左到右顺序进行计算，这就是运算符的结合方式。如果有两个或者更多的算术运算符有相同的优先级，那么左边的将先执行，然后依次向右执行。
优先级（从高到低）：
算术运算符--->比较运算符--->逻辑运算符 --->“=” 赋值符号
例子：X=2*4+5-4+12/2
结果：X=15
如果两个或者两个以上的运算符有相同的优先级，js根据运算符的执行顺序进行排序，一般的都是从左向右，但有些运算符的结合性是从右向左。
（此图来自百度经验）
/*以上的内容部分来自“javascript从零开始学”和个人学习笔记，此文最终解释权归本人所有！*/
（4）javascript的运算符以及运算符的优先级的更多相关文章
- JavaScript中涉及得运算符以及运算符的优先级
在js中主要有三种运算符:算术运算符,逻辑与比较运算符,位运算符.在着三种运算符中,最常见的应该是算术与比较运算符,位运算符比较少见一些 *说到了运算符,就不得不说运算符的优先级.下面我来列一下这些运 ...
- JavaScript中的逗号运算符
JavaScript逗号运算符 阅读本文的前提,明确表达式.短语.运算符.运算数这几个概念. 所谓表达式,就是一个JavaScript的“短语”,JavaScript解释器可以计算它,从而生成一个值 ...
- 第一百节，JavaScript表达式中的运算符
JavaScript表达式中的运算符 学习要点: 1.什么是表达式 2.一元运算符 3.算术运算符 4.关系运算符 5.逻辑运算符 6.*位运算符 7.赋值运算符 8.其他运算符 9.运算符优先级 E ...
- javascript运算符——位运算符
× 目录 [1]二进制 [2]非 [3]与[4]或[5]异或[6]左移[7]右移[8]>>>[9]应用 前面的话 位运算符是非常底层的运算,由于其很不直观,所以并不常用.但是,其速度 ...
- javascript笔记整理（运算符 ）
1.运算符和操作数的组合就称为表达式. 2.算术运算符(+ - * / % a++ a-- --a ++a) a.+ 1.用于数值计算:var a=1;var b=2;alert(a+b)===3 2 ...
- JavaScript基础3——关于运算符
算数运算符 算数运算符有+.-.*./.%.++.--.=.类似+=的运算符,其使用方式与编程语言(Java.C++.C#等)基本一样.给定 y=5,下面的表格解释了这些算术运算符: 运算符 描述 例 ...
- 浅析JavaScript中的typeof运算符
对JavaScript中的typeof运算符进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 如果typeof的运算符是数字.字符串或者布尔值,它返回的结果就是"numb ...
- C++语言运算符的功能、优先级和结合性
优先级 运算符 名称或含义 使用形式 结合方向 说明 1 [] 数组下标 数组名[常量表达式] 左到右 () 圆括号 (表达式)/函数名(形参表) . 成员选择(对象) 对象.成员名 -& ...
- JavaScript学习系列4 ----- JavaScript中的扩展运算符 三个点(...)
在JavaScript中, ES6开始有rest参数 和 三个点扩展运算符 (spread运算符) 我们来看看他们各自的用处 1. rest参数 rest参数的形式为 ...变量名 ...
随机推荐
- setState 是异步的
1.解决 setState 异步问题 // 查询 handleSearch(e){ // 禁止默认行为 e.preventDefault(); // 获取 form 表单的值 this.setStat ...
- 【C语言天天练（九）】动态内存分配
引言:数组的元素存储于内存中连续的位置上.当一个数组被声明时.它所须要的内存在编译时就被分配. 可是,我们能够使用动态内存分配在执行时为它分配内存. 一块内存的生命周期能够分为四个阶段:分配.初始化. ...
- vimrc 避免中文乱码配置
et smsyntax onset ts=4set sts=4set sw=4set hlsearchset rulerset backspace=indent,eol,startset encodi ...
- Oracle 物理和逻辑备库健康监測的一个根据
以以下keyword眼为例: 1 物理备库健康检查根据: Tue Apr 22 16:44:51 CST 2014Media Recovery Log /data/CMS/arch_log/1_583 ...
- poj 2154 Color 欧拉函数优化的ploya计数
枚举位移肯定超时,对于一个位移i.我们须要的是它的循环个数,也就是gcd(i,n),gcd(i,n)个数肯定不会非常多,由于等价于n的约数的个数. 所以我们枚举n的约数.对于一个约数k,也就是循环个数 ...
- CloudStack系统虚拟机启动但不在Host表中
有网友问到这个问题,CloudStack中,系统虚拟机正常启动,Running状态. 可是在host表中没有对应项,上传下载模板等功能也不正常. 原因:系统虚拟机启动之后,会通过管理网段主动连接man ...
- archlinux yaourt安装 以及出错细节 database file for "archlinuxfr" does not exist.
archlinux yaourt安装 但一直报错如下: :: Synchronizing package databases... core is up to date extra is u ...
- 0 lrwxrwxrwx. 1 root root 13 Nov 20 12:44 scala -> scala-2.12.4
符号链接的文件属性相同,真正的权限属性由符号链接所指向的实际文件决定.
- Serialization and deserialization are bottlenecks in parallel and distributed computing, especially in machine learning applications with large objects and large quantities of data.
Serialization and deserialization are bottlenecks in parallel and distributed computing, especially ...
- 「翻译」Unity中的AssetBundle详解（二）
为AssetBundles准备资源 使用AssetBundles时,您可以随意将任何Asset分配给所需的任何Bundle.但是,在设置Bundles时,需要考虑一些策略.这些分组策略可以使用到任何你 ...