21个值得收藏的Javascript技巧

《21个值得收藏的Javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、21个值得收藏的Javascript技巧在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。1Javascript数组转换为CSV格式首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：1varfruits=['apple','peaches','oranges','mangoes'];2　varstr=fruits.valueOf();输出：a

2、pple,peaches,oranges,mangoes其中，valueOf()方法会将Javascript数组转变为逗号隔开的字符串。要注意的是，如果想不使用逗号分割，比如用｜号分割，则请使用join方法，如下：3varfruits=['apple','peaches','oranges','mangoes'];4varstr=fruits.join("

3、");输出：apple

4、peaches

5、oranges

6、mangoes2将CSV格式重新转换回Javscript数组那么如何将一个CSV格式的字符

7、串转变回Javascript数组呢？可以使用split()方法，就可以使用任何指定的字符去分隔，代码如下：5varstr="apple,peaches,oranges,mangoes";6　varfruitsArray=str.split(",");输出fruitsArray[0]:apple3根据索引移除数组中的某个元素假如需要从Javascript数组中移除某个元素，可以使用splice方法，该方法将根据传入参数n，移除数组中移除第n个元素(Javascript数组中从第0位开始计算)。7func

8、tionremoveByIndex(arr,index){8arr.splice(index,1);9}10test=newArray();11test[0]='Apple';12test[1]='Ball';13test[2]='Cat';14test[3]='Dog';1alert("Arraybeforeremovingelements:"+test);2removeByIndex(test,2);3alert("Arrayafterremovingelements:"+test);则最后输出的

9、为Apple,Ball,Dog4根据元素的值移除数组元素中的值下面这个技巧是很实用的，是根据给定的值去删除数组中的元素，代码如下：4functionremoveByValue(arr,val){5for(vari=0;i

10、;1617//somearray将会有的元素是"mon","wed","thur"当然，更好的方式是使用prototype的方法去实现，如下代码：18Array.prototype.removeByValue=function(val){19for(vari=0;i

11、28somearray.removeByValue("tue");5通过字符串指定的方式动态调用某个方法有的时候，需要在运行时，动态调用某个已经存在的方法，并为其传入参数。这个如何实现呢？下面的代码可以：29varstrFun="someFunction";//someFunction为已经定义的方法名30varstrParam="thisistheparameter";//要传入方法的参数31varfn=window[strFun];12//调用方法传入参数3fn(strParam);6产生1到N的

12、随机数4varrandom=Math.floor(Math.random()*N+1);56//产生1到10之间的随机数7varrandom=Math.floor(Math.random()*10+1);89//产生1到100之间的随机数10varrandom=Math.floor(Math.random()*100+1);7捕捉浏览器关闭的事件我们经常希望在用户关闭浏览器的时候，提示用户要保存尚未保存的东西，则下面的这个Javascript技巧是十分有