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 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
JavaScript?Apple设备检测示例代码
Nov 15 Javascript
在JavaScript中判断整型的N种方法示例介绍
Jun 18 Javascript
Javascript访问器属性实例分析
Dec 30 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
关于vue-router的那些事儿
May 23 Javascript
webpack是如何实现模块化加载的方法
Nov 06 Javascript
vue使用watch监听属性变化
Apr 30 Vue.js
正则表达式基础与常用验证表达式
Jun 16 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
1 Tube Radio
2021/03/02 无线电
自动生成文章摘要的代码[PHP 版本]
2007/03/20 PHP
php实现过滤表单提交中html标签的方法
2014/10/17 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
Laravel 默认邮箱登录改成用户名登录的实现方法
2019/08/12 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
js 浮动层菜单收藏
2009/01/16 Javascript
JavaScript中的this实例分析
2011/04/28 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
JavaScript中九种常用排序算法
2014/09/02 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
JS获取表格内指定单元格html内容的方法
2015/03/31 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
2015/05/13 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
Python实现从脚本里运行scrapy的方法
2015/04/07 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
python opencv之分水岭算法示例
2018/02/24 Python
使用python itchat包爬取微信好友头像形成矩形头像集的方法
2019/02/21 Python
对PyQt5中的菜单栏和工具栏实例详解
2019/06/20 Python
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
心理学专业求职信
2014/06/16 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
武侯祠导游词
2015/02/04 职场文书