javascript学习(一)——基本语法(3)

来源:未知 责任编辑:责任编辑 发表时间:2013-11-26 22:14 点击:

运算符

在执行JavaScript语言中的任何运算时,你都需要运算符。运算包括了加法、减法、比较等。JavaScript语言中有四种运算符。

1. 算术

2. 赋值

3. 比较

4. 逻辑

算术运算符

算术运算符执行基本的数学运算,比如说加减乘除等。表2列出并描述了JavaScript语言中的所有可用的算术运算。

表2. 算术运算符

运算符描述

+ 加法

- 减法

* 乘法

/ 除法

% 取模(找出余数)

++  递增

--递减

赋值运算符

算术运算符执行基本的数学运算,而赋值运算符则是把值赋给JavaScript变量。当你在前面一节中把值赋给变量时,你已经见到了最常用的赋值运算符。表3列出并描述了JavaScript语言中所有可用的赋值运算符。

表3. 赋值运算符

运算符描述

=等于

+=把加法值(变量加上值的结果值)赋给变量

-=把减法值(变量减去值的结果值)赋给变量

*=把乘法值(变量乘上值的结果值)赋给变量

/=把除法值(变量除以值的结果值)赋给变量

%=把取模值(变量对值取模的结果)赋给变量

你已经看到了如何使用等号来把值或是表达式赋给变量,但现在我会给展示如何使用一个令人稍加困惑的赋值运算符。把一个加法值赋给一个变量可能是一个很奇怪的概念,但实际上很简单(清单8)。

清单8. 把一个加法值赋给一个变量


var num = 10;   
document.write("The value of num is: "+ num);   // 把num的值更新为15  num += 5;    
document.write("The new value of num is: "+ num);  
var num = 10; 
document.write("The value of num is: "+ num);   // 把num的值更新为15  num += 5; 
document.write("The new value of num is: "+ num); 

这一脚本的结果是“The value of num is: 10”后面跟着“"The new value of num is: 15”。你可以看到,这一脚本中的运算符把加法值赋给了变量。这也可以当作是清单9中所编写的脚本的一种简短写法。

清单9. 把加法值赋给变量的一种更长的写法。


var num = 10;  
document.write("The value of num is: "+ num);   // 把num的值更新为15  num = (num + 5);    
document.write("The new value of num is: "+ num);  
var num = 10;
document.write("The value of num is: "+ num);   // 把num的值更新为15  num = (num + 5); 
document.write("The new value of num is: "+ num); 

比较运算符

比较运算符确定变量或是它们的值之间的关系。你在条件语句中使用比较运算符,通过比较变量或是它们的值来计算出语句为true还是为false,以此创建逻辑。表4列出并描述了JavaScrpit语言中所有可用的比较运算符。

表4. 比较运算符

运算符描述

==等于

=== 全等,用于值和对象类型

!=不等于

>大于

<小于

>= 大于或等于

<= 小于或等于

在编写任何类型的逻辑时,变量和值的比较都是最基本的。清单10中的例子展示了如何使用等于这一比较运算符(==)来确定10是否等于1。

清单10. 使用比较运算符


document.write(10 == 1);  
document.write(10 == 1); 

逻辑运算符

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1