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学习笔录 简单的JQuery
Apr 09 Javascript
js 文本滚动效果的实例代码
Aug 17 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
Bootstrap模态框案例解析
Mar 05 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
Mar 06 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
Oct 28 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 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
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
2006/11/07 Javascript
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
表单切换,用回车键替换Tab健(不支持IE)
2011/07/20 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
浅析javascript 定时器
2014/12/23 Javascript
kindeditor修复会替换script内容的问题
2015/04/03 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
jQuery on()绑定动态元素出现的问题小结
2016/02/19 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
2017/07/12 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
关于Python 3中print函数的换行详解
2017/08/08 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
Python学习笔记之Django创建第一个数据库模型的方法
2019/08/07 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
《春晓》教学反思
2014/04/20 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
Python中可变和不可变对象的深入讲解
2021/08/02 Python
详解Go语言中Get/Post请求测试
2022/06/01 Golang