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. 移动端touchstar、touchmove、touchend 事件如果页面有滚动时不让触发 touchend 事件。

    /*仅适用于内容中点击元素.对于拖动等元素,需要自行在页面处理. * 主要是绑定touchstart和touchmove事件,并判断用户按下之后手指移动了多少像素. * 如果手指移动距离小于10像素, ...

  2. Linux设置固定IP

    此处需整理 问题:在CentOS 7上,我想要将我其中一个网络接口从DHCP改为静态IP地址配置,如何才能永久为CentOS或RHEL 7上的网络接口分配静态IP地址? 如果你想要为CentOS 7中 ...

  3. Linux ./configure && make && make install 编译安装和卸载

    正常的编译安装/卸载: 源码的安装一般由3个步骤组成:配置(configure).编译(make).安装(make install).   configure文件是一个可执行的脚本文件,它有很多选项, ...

  4. ajax 文件上传,ajax

    ajax 文件上传,ajax 啥也不说了,直接上代码! <input type="file" id="file" name="myfile&qu ...

  5. 在MAC下 Python+Django+mysql配置

    今天在搭建Django+mysql环境的时候遇到了一点问题,记录下来. 安装环境:OS X 10.10操作系统,Python 2.7. MySQLdb其实包含在MySQL-python包中,因此无论下 ...

  6. block 和delegate的用法

    //block 和delegate的用法 设置代理 #import <UIKit/UIKit.h> typedef void (^ASIHeadersBlock)(NSString *my ...

  7. ThinkPHP 3.2 模板使用函数

    {$name|md5|strtoupper|substr=0,3} 编译后的结果是: <?php echo (substr(strtoupper(md5($name)),0,3));?> ...

  8. check sql server edition (version 版本)

    SELECT @@VERSION refer : https://www.mssqltips.com/sqlservertip/1140/how-to-tell-what-sql-server-ver ...

  9. JPA学习笔记

    一.JPA基础1.1 JPA基础JPA: java persistence api 支持XML.JDK5.0注解俩种元数据的形式,是SUN公司引入的JPA ORM规范 元数据:对象和表之间的映射关系 ...

  10. 修改css

    .content{ height: 100%; } .con{ border: 1px solid #eeeeee; display: inline-block; width:86.8%; ##修改这 ...