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中的运算符和条件语句的更多相关文章

  1. R中的运算符,条件语句,控制语句

    1.运算符 算术运算符:+,-,*,/ 关系运算符:==,!=,>,>=,<,<= 逻辑运算符:&,|,&&,||,! &和|称为短逻辑符,&a ...

  2. js 中的流程控制-条件语句

    条件语句: if(exp)执行一句代码 <script> var x = 1 ; if(x == 1 ) //当if判断语句结果是true 或者 false 当判断结果等于true的时候, ...

  3. JavaScript 基础——使用js的三种方式,js中的变量,js中的输出语句,js中的运算符;js中的分支结构

    JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...

  4. 研究分析JS中的三种逻辑语句

    JS中的三种逻辑语句:顺序.分支和循环语句. 一.顺序语句 代码规范如下:1. <script type="text/javascript"> var a = 10;  ...

  5. JS中的运算符和JS中的分支结构

    JS中的运算符 1.算术运算(单目运算符) + .-.*. /. %取余.++自增 .--自减 +:两种作用,链接字符串/加法运算.当+两边全为数字时,进行加法运算:当+两边有任意一边为字符串时,起链 ...

  6. 让你彻底搞懂JS中复杂运算符==

    让你彻底搞懂JS中复杂运算符== 大家知道,==是JavaScript中比较复杂的一个运算符.它的运算规则奇怪,容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一. 在仔细阅读了ECMA ...

  7. JS中的运算符_函数学习

    js中的运算符:     算数运算符:     + - * / % ++ --          逻辑运算符:     & | !  && || < > <= ...

  8. JS一周游~(基础、运算符、条件语句)

    一.基础篇 JavaScript 基于浏览器(客户端).基于(面向)对象{没有继承}.事件驱动(要有对象).脚本语言(灵活多变) 1.作用 表单的验证,减轻服务端的压力 添加页面动画效果 动态更改页面 ...

  9. PHP变量、数据类型、字符串、运算符、条件语句、循环语句、数组、函数

    PHP 简介: php :是一门动态交互的计算机语言  静态交互 html  css  js 但凡是动态交互的 都需要服务器. php都是以.php结尾的文件 Html文件里不能写php代码,但是ph ...

随机推荐

  1. JavaScript学习笔记之原型对象

    本文是学习<JavaScript高级程序设计>第六章的笔记. JS中,便于批量创建对象的三种模式: 1.工厂模式:用一个函数封装创建对象的细节,传入必要的参数,在函数内部new一个对象并返 ...

  2. URPF 简单流程

    主要功能是防止基于源地址欺骗的网络攻击. 路由器接口一旦使能URPF功能,当该接口收到数据报文时,首先会对数据报文的源地址进行合法性检查,对于源地址合法性检查通过的报文,才会进一步查找去往目的地址的转 ...

  3. DB2JAVIT:RC=9505解决方案

    DB2JAVIT:RC=9505解决方案 题记:WIN7下装DB2,启动任务中心.控制中心报DB2JAVIT:RC=9505. 解决方案:进入(计算机—>管理—>本地用户和组)把用户加入到 ...

  4. FileReader上传图片

    实现拖拽图片,在上传至服务器前,显示图片并操控大小 利用HTML5 dragenter dragover dragleave drop 在实现图片显示方面,用了FileReader这个类 var fi ...

  5. Android 内核基本知识

    Android基本知识 Android基本知识.... 1 1. 各版本系统特性.... 1 2. View绘制流程.... 2 3. 动画体系.... 2 4. 事件分发机制.... 3 输入消息获 ...

  6. 小A项目为什么加班

    1.负责架构搭建的人搭建完成架构后,没有进行落地性验证:导致真正要用到的时候才发现spring没有配置:需要对架构人员的进度和内容进行跟踪,在跟踪进度的时候需要强调落地性: 2.负责架构搭建的人没有提 ...

  7. 如何用extjs显示一个已经存在的页面

    最近碰到了一个需求: 画面上有个按钮,点击了按钮之后,弹出一个窗体(window),而该窗体(window)上显示的内容是某个系统的内容,如下图所示 查了好长时间的extjs的帮助文档,没有找个现成的 ...

  8. C#后台找不到前台html标签

    没关系!   只要他在form表单里  , 咱在标签加上一个   runat="server"就可以在后台cs代码里找到他了

  9. nosql db and javascript performance

    http://blog.csdn.net/yiqijinbu/article/details/9053467 http://blog.nosqlfan.com/tags/javascript http ...

  10. CSS也可以改变图片幅面尺寸

    一般情况下,只有<img />标签中的图片,可以根据宽高设定来改变大小. 比如1024x768的图,我们设width="640",height="480&qu ...