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 相关文章推荐
用javascript动态调整iframe高度的代码
Apr 10 Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
createElement与createDocumentFragment的点点区别小结
Dec 19 Javascript
uploadify 3.0 详细使用说明
Jun 18 Javascript
Javascript跨域请求的4种解决方式
Mar 17 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
jquery mobile实现可折叠的导航按钮
Mar 11 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 Javascript
vue框架中props的typescript用法详解
Feb 17 Javascript
js实现头像上传并且可预览提交
Dec 25 Javascript
为原生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水印
2007/03/16 PHP
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
基于php常用正则表达式的整理汇总
2013/06/08 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
2011/12/20 Javascript
jQuery回车实现登录简单实现
2013/08/20 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
BootStrap中Table分页插件使用详解
2016/10/09 Javascript
JS实现仿PS的调色板效果完整实例
2016/12/21 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
2017/03/10 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
javascript获取图片的top N主色值方法详解
2018/01/26 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
JS基于开关思想实现的数组去重功能【案例】
2019/02/18 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
微信小程序中悬浮窗功能的实现代码
2019/08/02 Javascript
JS回调函数深入理解
2019/10/16 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
Python实现简单字典树的方法
2016/04/29 Python
python读取和保存视频文件
2018/04/16 Python
利用Python半自动化生成Nessus报告的方法
2019/03/19 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
Python urlencode和unquote函数使用实例解析
2020/03/31 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
Python爬虫UA伪装爬取的实例讲解
2021/02/19 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
HTML5 canvas基本绘图之绘制曲线
2016/06/27 HTML / CSS
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
技能竞赛活动方案
2014/02/21 职场文书
网吧消防安全责任书
2014/07/29 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
2019年农民幸福观调查的实践感悟
2019/12/19 职场文书