js 代码优化点滴记录
更新时间：2012年02月19日 20:52:58 作者：
这次项目中有一个功能，频繁使用switch语句，代码优化的时候，将其换成数组
1、简单示例如下：
switch用例
var caseContent = '';//条件判断后处理内容
var caseValue = 5 ;//条件判断值
switch(caseValue){
case 0:
caseContent = "鞋子";
break;
case 1:
caseContent = "裤子";
break;
case 2:
caseContent = "外套";
break;
... ...
case 5:
caseContent = "帽子";
break;
default :
caseContent = "随便";
break;
}
数组用例
var caseContent = '';//条件判断后处理内容
var caseValue = 5 ;//条件判断值
var caseContentArr = ["鞋子","裤子","外套"... ...,"帽子"];
caseContent = caseContentArr[caseValue] ? caseContentArr[caseValue]:"随便";
2、优缺点分析
数组方式代码简洁、效率高，但可读性不如switch用例。
switch用例
复制代码 代码如下:
var caseContent = '';//条件判断后处理内容
var caseValue = 5 ;//条件判断值
switch(caseValue){
case 0:
caseContent = "鞋子";
break;
case 1:
caseContent = "裤子";
break;
case 2:
caseContent = "外套";
break;
... ...
case 5:
caseContent = "帽子";
break;
default :
caseContent = "随便";
break;
}
数组用例
复制代码 代码如下:
var caseContent = '';//条件判断后处理内容
var caseValue = 5 ;//条件判断值
var caseContentArr = ["鞋子","裤子","外套"... ...,"帽子"];
caseContent = caseContentArr[caseValue] ? caseContentArr[caseValue]:"随便";
2、优缺点分析
数组方式代码简洁、效率高，但可读性不如switch用例。
相关文章
这篇文章主要介绍了使用原生的javascript来实现轮播图,在代码底部给大家补充了原生javascript实现banner图自动轮播切换 ，需要的朋友可以参考下2017-02-02
动态加载JS文件的三种方法2013-11-11
这篇文章主要介绍了详解组件库的webpack构建速度优化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
本文详细罗列了如何在javascript获取网页各种高宽及位置，内容比较全面，有需要的可以参考一下。2016-07-07
浅谈对于“不用setInterval，用setTimeout”的理解
这篇文章主要介绍了浅谈对于“不用setInterval，用setTimeout”的理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
JavaScript中的基本类型通过自动装箱和拆箱机制,可以临时转换为对应的包装对象,以访问属性和方法,了解包装对象的临时性和手动创建方式有助于编写更高效和正确的代码,感兴趣的朋友跟随小编一起看看吧2024-11-11
这篇文章主要介绍了禁止IE用右键的JS代码，有需要的朋友可以参考一下2013-12-12
本篇文章主要介绍了js封装成插件的步骤方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09![用js模仿word格式刷功能实现代码 [推荐]](//img.jbzj.com/images/xgimg/bcimg8.png)
非常不错的模仿word格式刷实现代码。推荐大家参考下思路。2009-07-07
下面小编就为大家带来一篇js添加事件的通用方法推荐。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
![用js模仿word格式刷功能实现代码 [推荐]](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论