收藏
    首页
大连仟亿科技
客服中心
  • 电话
  • 电话咨询：0411-39943997
  • 手机
  • 手机咨询:15840979770
    手机咨询:13889672791
网络营销 >更多
您现在的位置：仟亿科技 > 新闻中心 > 常见问题

Javacript同样的意思,更巧妙的写法

作者：billionnet 发布于:2013/6/8 18:30:31 点击量：

今天来介绍一下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

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

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

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

实现方式一

?
function getColorByVal(val) {
    var color = "";
    if (val = 0){
        color = "white";
    }else if (val = 1) {
        color = "red";
    } else if (val = 2) {
        color = "green";
    } else if (val = 3) {
        color = "yellow";
    } else if (val = 4) {
        color = "gray";
    } else if (val = 5) {
        color = "blue";
    } 
    return color;
}

实现方式二

复制代码
function getColorByVal(val) {
    var color;
    switch (val) {
        case 0:
            color = "white";
        case 1:
            color = "red";
            break;
        case 2:
            color = "green";
            break;
        case 3:
            color = "yellow";
            break;
        case 4:
            color = "gray";
            break;
        case 5:
            color = "blue";
            break;
             
    }
    return color;
}
复制代码

实现方式三

?
function getColorByVal(val) {
   return ["white","red","green","yellow","gray","blue"][val];
}

调用: var color=getColorByVal(2);

方式一和方式二相比没什么差别，但方式二稍微好一点，而方式三则是让人眼前一亮，短小精悍就完成了功能。不过有的人会说颜色的值刚好是数组下标，所以我们在来一题：

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

你可以用if 或switch 语句来完成，不过这里给出另外两种方式：

方式一：

复制代码
function getValByColor(color){
    var colors=["white","red","green","yellow","gray","blue"];
    var result;
     for(var i=colors.length-1;i--;){
        if(colors[i]==color){
            result=i;
            break;
        }
     }
     return result;
}
复制代码

方式二:

function getValByColor(color){
    return {"white":0,"red":1,"green":2,"yellow":3,"gray":4,"blue":5}[color];
}

调用: 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];

  是不是发现javascript也很有意思呢。。。



分享到：

评论加载中...
内容：
评论者： 验证码：
  

Copyright@ 2011-2017 版权所有：大连仟亿科技有限公司 辽ICP备11013762-1号   google网站地图   百度网站地图   网站地图

公司地址：大连市沙河口区中山路692号辰熙星海国际2215 客服电话：0411-39943997 QQ：2088827823 42286563

法律声明：未经许可，任何模仿本站模板、转载本站内容等行为者，本站保留追究其法律责任的权利！ 隐私权政策声明