您的位置:首页 > Web前端 > JavaScript

JavaScript同样的意思,更巧的写法

2013-06-12 23:59 274 查看
前言:这篇东西是转载别人的,不过主要目的还是为了做一下笔记,以防自己漏掉了一些知识。

今天来介绍一下JAVAscript不一样的写法,很简单哦。

1、当条件成立时执行a方法,当条件失败是执行b方法

通常我们会这样写:

var result;
if(isOk){
result=funA();
}else{
result=funB();
}


还可以这样表达:

var result=isOk? funA():funB()


2、当条件成立执某个方法

通常方式:

if(isOk){
doSomething();
}


我更喜欢这样写:

isOk&&doSomething();


如果一个变量没定义或没有值则给它一默认值

str=str||"ok";
arr=arr||[];


上面的方式可行,是因为在js逻辑运算中,返回值不一定是true或false,也可以是其他任何值,而且 0、""、null、false、undefined、NaN都会判为false,其他都为true。举例:

1&&"OK"  //表达式的值为字符串"OK",逻辑上被判定为 true
1||"OK"  //表达式的值为数字1,逻辑上被判定为 true
null||[]  //表达式的值为数组[],逻辑上被判定为 true
null&&[]  //表达式的值为null,逻辑上被判定为 false


3、当进行多个条件判段时

给一个例子:每种颜色对应一个值,比如"white","red","green","yellow","gray","blue" 分别对应的值为0,1,2,3,4,5

1) 问题一:根据值获取颜色

实现方式一

调用: var val=getValByColor("red");

对比一下很明显,方式二更简单而且易懂,巧妙在于构造一个对象,通过属性获取值,从而避开了繁琐的判断。

4、交换两个变量的值

通常是这样实现的:

var temp=0,a=5,b=10;
temp=a;
a=b;
b=temp;


不过还可以更巧一些:

var a=5,b=10;
a=[b,b=a][0];


a=[b,b=a][0] 执行过程:先执行数组里两个表达式b和b=a,作用是把5赋值给b并产生一个数组[10,5] ,然后 a=[10,5][0]即 a=10,这样就完成了交换,不过也借助了无名的数组,但看起来好想没借助第三个变量,不过不提倡这样做,毕竟第一种方式更易懂。

5、获取对象的属性

方式一


var arr=[],i=0;
var colors={"white":0,"red":1,"green":2,"yellow":3,"gray":4,"blue":5};
for(var key in colors){
arr[i++]=key;
}


方式二

var arr=[],i=0;
var colors={"white":0,"red":1,"green":2,"yellow":3,"gray":4,"blue":5};
for(arr[i++] in colors);


两种方式都得到了对象colors的属性(arr=["white", "red", "green", "yellow", "gray", "blue"]),
第二种方式不过搭了 for in 语句的顺风车。方式一中for in语句依次从colors获取一个属性赋值给key,只不过在方式二中赋值给了arr[i++]。这个纯粹是为了好玩,享受编程的乐趣也是编程的一部分吧。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: