JavaScript 基础篇之运算符、语句(二)


Posted in Javascript onApril 07, 2012

javascript:运算符
其实运算符大家要是有计算机语言基础应该都知道,可能甚至比我还精通,这样我就不多解释了,就来说说其它几个生疏的吧!
1、in 运算符:in运算符要求其左边的运算数是一个字符串,或可以被转换为字符串,右边的运算数是一个数组或者对象,如果左边的值是右边的对象的一个属性,它返回true.

var objvalue = {x:1,y:7}; 
document.write("x is in objvalue:" + ("x" in objvalue) +"<br />"); 
//输出 x is in objvalue:true

2、条件运算符(?:)
该运算符是javascript中唯一的三元运算符(3个运算数),第一个运算数必须是一个布尔值,第二个和第三个运算数可以是任何类型的值。如果运算数的值未true,值就是第二个运算数的值,flase-就是第三个运算数。
document.write(1>0?8:4) 
//输出8,1肯定大于0所以就返回第二个运算数

3、typeof运算符
typeof 是个一元运算符,用于判断运算数的类型,比如运算的是数字返回number,字符串就返回string。要注意:对null它返回也是object类型。这个运算符用的还是比较多。
document.write("typeof number 8:" + typeof 8 +"<br />");//输出typeof number 8:number 
document.write("typeof string money :" +typeof("money")+"<br />");//输出typeof string money :string 
document.write("typeof boolean true :"+typeof(true) + "<br />");//输出typeof boolean true :boolean 
document.write("typeof Array :"+typeof([]) + "<br />");//输出typeof Array :object 
document.write("typeof Null :"+typeof(null) + "<br />");//输出typeof Null :object 
document.write("typeof Undefined:"+typeof(undefined) + "<br />");//输出typeof Undefined:undefined

4、delete 运算符
delete也是一个一元运算符,用于删除运算数所指定的对象的属性,数组元素或变量,如果删除成功就返回true,如果运算数不能被删除,它将返回false。
var deleteobj = {one:"one",two:"two",three:"three"}; 
document.write("delete element is succeed:" + (delete deleteobj.one) +"<br />");//输出delete element is succeed:true 
document.write("select one in deleteobj :" + typeof(deleteobj.one)+"<br />");//输出select one in deleteobj :undefined 
document.write("delete element is succeed:"+(delete deleteobj) +"<br />");//输出delete element is succeed:false 
document.write("delete defined x:" + (delete x) + "<br />");//输出delete defined x:true 
var x = 1; 
//上面反映了delete,能删除对象的属性,变量,不能删除对象,没定义的变量。

javascript:语句
1、if,else if语句
由于是基本的语句,我就不多介绍了,直接来几个例子吧,下面的控制语句以后会常用。
var expression; 
if(!expression) document.write("我声明了,但没未定义值" +"<br />"); //输出:我声明了,但没未定义值 
//因为expression 的值是undefined未定义,在用到boolean类型中,转换成了false。 
if(!null)document.write("我用到boolean中也是false"+"<br />") //输出:我用到boolean中也是false 
var obj1 = {}; 
if(obj1)document.write("obj1不是个null对象"+"<br />");//输出obj1不是个null对象 
if(!obj1.one)document.write("obj1.one是个null对象"+"<br />");//obj1.one是个null对象 
类似以上的语句以后大家可能会经常用,要能理解。不能马虎

2、switch语句、while、do...while 、for、for...in
上面的语句和其它语言没什么特别之处,就直接上我上个月学习C#做的题目,不过咱们这次是用javascript.
//执行给数组排序 
function comparenumber(objarr1) 
{ 
if(!objarr1) 
{ 
throw("参数不能为空!"); 
return; 
} 
var finished = true;//用于控制while循环 
do 
{ 
finished = false; 
for(var i=0;i<objarr1.length;i++)//变量数组 length属性返回数组的长度 
{ 
if(objarr1[i]>objarr1[i+1])//比较 
{ 
var temp = objarr1[i]; 
objarr1[i] = objarr1[i+1]; 
objarr1[i+1] = temp; 
finished = true;//继续循环,直到上面的比较条件不满足是while就不循环了。 
} 
} 
}while(finished); 
} 
//该函数执行的是打印任务 
function displayarray(arr) 
{ 
for(var val in arr) 
{ 
document.write(arr[val] +"\t");//\t 是制表符 
} 
} 
var numberarray = [34,45,2,3,54,65,123];//声明一个数组 
comparenumber(numberarray);//排序 
displayarray(numberarray);//输出 
//输出:2 3 34 45 54 65 123

3、with 语句
使用with可以减少大量的输入,在javascript客户端中,深度嵌套的对象就可以使用with了,但是它运行的速度要慢。
小结:其实还有很多其它语句,在这里我就不多重复写了。
Javascript 相关文章推荐
JQuery 1.4 中的Ajax问题
Jan 23 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
Django+Vue实现WebSocket连接的示例代码
May 28 Javascript
swiper4实现移动端导航切换
Oct 16 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
Sep 21 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
为原生js Array增加each方法
Apr 07 #Javascript
jquery 操作DOM案例代码分享
Apr 05 #Javascript
jquery 操作DOM的基本用法分享
Apr 05 #Javascript
文本框输入时 实现自动提示(像百度、google一样)
Apr 05 #Javascript
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 #Javascript
jQuery之$(document).ready()使用介绍
Apr 05 #Javascript
javascript淡入淡出效果的实现思路
Mar 31 #Javascript
You might like
PHP 源代码压缩小工具
2009/12/22 PHP
php使用codebase生成随机数
2014/03/25 PHP
11个PHPer必须要了解的编程规范
2014/09/22 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
thinkPHP简单调用函数与类库的方法
2017/03/15 PHP
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
AngularJS单选框及多选框实现双向动态绑定
2016/01/13 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
2017/12/11 Javascript
JavaScript数组排序reverse()和sort()方法详解
2017/12/24 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
2020/07/28 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
在Django的视图中使用form对象的方法
2015/07/18 Python
Python之web模板应用
2017/12/26 Python
python绘制多个曲线的折线图
2020/03/23 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Python截图并保存的具体实例
2021/01/14 Python
三星印度官网:Samsung印度
2019/08/03 全球购物
英国时尚高尔夫服装购物网站:Trendy Golf
2020/01/10 全球购物
四年级评语大全
2014/04/21 职场文书
公司贷款承诺书
2014/05/30 职场文书
医学专业自荐信
2014/06/14 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
在校生证明
2015/06/17 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
python基础入门之普通操作与函数(三)
2021/06/13 Python