js中的运算符和条件语句
js中的运算符大体上可以分为4类:1算术运算符。2一元操作符。3比较运算符。4逻辑运算符。
算术运算符一般指的是加减乘除求余这五种操作符:+,-,*,/,%。通过算术运算符可以对js中的变量进行操作。如:
var
a=100,b,c,d,e,f;
b= a+10; //110
c=a-10; //90
d=a*10; //1000
e=a/10; //10
f=a%3; //1
一元操作符指的是只能操作一个值的操作符;如i++,i--,++i,--i;
在这里要注意区别i++与++i;
var
a=10,b=10,c,d;
c=(a++)+2;//c=12
d=(++a)+2;//d=13
从上面的例子中可以看出i++是i先参与运算,之后再自身加一。而++i则是i先自身加一再参与接下来的计算。
比较运算符即是 >, <, >=, <=, ==, !=,===,!== 这些用于比较两个数据的大小或是否相等的运算符。
var i = 100;
var n = 100;
alert(i == n); //outputs true;
alert(i != n); //outputs false;
alert(i === n) //数据类型,值相等
在这里需要注意的是==和===的区别,==只要比较的两个数值相等则true,不同的数据类型的值可以按照js中的规定进行比较。 ===需要数据类型和值都相等才能为true。
逻辑运算符&&, || , !。
使用逻辑运算符操作后的值都为布尔值,其在条件语句中十分重要。
var i = 8;
alert ( i<5 && i<10); //outputs false
alert ( i > 100 || i < 10); //outputs true
alert(!(10 > 5)); //outputs false
在有逻辑运算符参与的式子中一定要对运算符的优先级有所了解。
通常情况下,算术运算符>比较运算符>逻辑运算符>赋值运算符(=)。
在逻辑运算符中,!>||>&&;
if语句作为js中的条件判断语句起着十分重要的作用。
其语法为:if(condition) statements1 else statement2
var goal=40+parseInt(60*Math.random());
if(goal>=80){
document.write('成绩优秀:'+goal+"分!")
}else if(goal>=60){
document.write("成绩合格:"+goal);
}else{
document.write("成绩不合格:"+goal+"分?")
}
上面的例子中设置了一个40到100的随机数,通过if语句对其值的大小进行判断,将其分为了三个范围。
switch也是条件判断语句,其语法为
switch (expression){
case value:
//statement
break;
case value:
//statement
break;
default:
//statement
}
var arr=["A","B","C","D","E","F"],num=Math.floor(arr.length*Math.random());
var text=arr[num];
switch(text){
case "A":
alert("您已选择A套餐");
break;
case "B":
alert("您已选择B套餐");
break;
case "C":
alert("您已选择C套餐");
break;
case "D":
alert("您已选择D套餐");
break;
default:
alert("欢迎下次光临");
}
在switch语句中需要注意的是判断条件的值与某一个case后的值完全相等时,才会执行case后的语句,否则将继续进行判断。遇到了break后,程序将跳出switch的语句结构。当判断条件的值与所有的case后的值都不相等时,程序将执行default后的语句。
js中的运算符和条件语句的更多相关文章
- R中的运算符,条件语句,控制语句
1.运算符 算术运算符:+,-,*,/ 关系运算符:==,!=,>,>=,<,<= 逻辑运算符:&,|,&&,||,! &和|称为短逻辑符,&a ...
- js 中的流程控制-条件语句
条件语句: if(exp)执行一句代码 <script> var x = 1 ; if(x == 1 ) //当if判断语句结果是true 或者 false 当判断结果等于true的时候, ...
- JavaScript 基础——使用js的三种方式,js中的变量,js中的输出语句,js中的运算符;js中的分支结构
JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...
- 研究分析JS中的三种逻辑语句
JS中的三种逻辑语句:顺序.分支和循环语句. 一.顺序语句 代码规范如下:1. <script type="text/javascript"> var a = 10; ...
- JS中的运算符和JS中的分支结构
JS中的运算符 1.算术运算(单目运算符) + .-.*. /. %取余.++自增 .--自减 +:两种作用,链接字符串/加法运算.当+两边全为数字时,进行加法运算:当+两边有任意一边为字符串时,起链 ...
- 让你彻底搞懂JS中复杂运算符==
让你彻底搞懂JS中复杂运算符== 大家知道,==是JavaScript中比较复杂的一个运算符.它的运算规则奇怪,容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一. 在仔细阅读了ECMA ...
- JS中的运算符_函数学习
js中的运算符: 算数运算符: + - * / % ++ -- 逻辑运算符: & | ! && || < > <= ...
- JS一周游~(基础、运算符、条件语句)
一.基础篇 JavaScript 基于浏览器(客户端).基于(面向)对象{没有继承}.事件驱动(要有对象).脚本语言(灵活多变) 1.作用 表单的验证,减轻服务端的压力 添加页面动画效果 动态更改页面 ...
- PHP变量、数据类型、字符串、运算符、条件语句、循环语句、数组、函数
PHP 简介: php :是一门动态交互的计算机语言 静态交互 html css js 但凡是动态交互的 都需要服务器. php都是以.php结尾的文件 Html文件里不能写php代码,但是ph ...
随机推荐
- Adapter 模式
在实际软件系统设计和开发中,会经常遇到这种问题:我们为了完成某项工作购买了一个第三方的库来加快开发. 这就带来了一个问题: 我们在应用程序中已经设计好了接口,与这个第三方提供的接口不一致,为了使得这些 ...
- cocos2d-x 之 CCArray 源码分析
cocos2d-x 自己实现了一个数组CCArray ,下面我们来分析一下CCArray的源码 CCArray继承CCObject,所以,CCArray也具有引用计数功能和内存自动管理功能. 数组的源 ...
- Canvas实现文字粒子化,并且绕轴旋转(完善)
1. 之前有放过一个初始版本,但是因为在旋转的时候,有比较大的瑕疵,造成每个点运动到端点后,出现类似撞击的感觉. 2. 所以本文对旋转作了些调整,运用类似水平方向的圆周运动 a. HTML代码,定义c ...
- POJ1611-The Suspects-ACM
The Suspects Time Limit: 1000MS Memory Limit: 20000K Total Submissions: 23002 Accepted: 11171 De ...
- PHP第一课笔记
打算以后学习PHP,花3个月时间学会它,自己为自己加油.每天坚持学习,第一天感觉良好,没开始写,所以不敢觉难,在难也学,加油,me!! PHP笔记记录(2014.7.27) ★web开发的介绍 1.动 ...
- PhotoSwipe.js 相册展示插件学习
PhotoSwipe.js官网:http://photoswipe.com/,在这个网站上可以下载到PhotoSwipe的文件以及相关的例子. 这个组件主要是用来展示图片.相册用的,还是很实用的. 一 ...
- php 钩子函数原理 解析
目前对钩子的理解:<转载:http://www.cnblogs.com/del/archive/2008/02/25/1080825.html> 譬如我们用鼠标在某个窗口上双击了一次, 或 ...
- jQuery简单的轮播特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 尽量使用ToUpper比较,避免使用ToLower
在编码时尽量使用ToUpper比较,避免使用ToLower,因为微软对ToUpper进行了优化,以下为测试结果: public void TestToLower() { Stopwatch watch ...
- find_cmd函数分析
一.概述 1.函数位置 common/command.c 2.函数功能分析 解析命令的关键环节是如何根据输入命令查找对应命令的信息,从而跳转到对应命令的函数处执行程序.这必然涉及到如何存放命令的详细信 ...