21个值得收藏的Javascript技巧.docx

在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。1 ?Javascript数组转换为CSV格式首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：var fruits = [apple, peaches, oranges, mangoes];?　var str = fruits.valueOf();?输出：apple,peaches,oranges,mangoes其中，valueOf()方法会将Javascript数组转变为逗号隔开的字符串。要注意的是，如果想不使用逗号分割，比如用｜号分割，则请使用join方法，如下：var fruits = [apple, peaches, oranges, mangoes]; ?var str = fruits.join(|);?输出： apple|peaches|oranges|mangoes2 将CSV格式重新转换回Javscript数组那么如何将一个CSV格式的字符串转变回Javascript数组呢？可以使用split()方法，就可以使用任何指定的字符去分隔，代码如下：var str = apple, peaches, oranges, mangoes;　var fruitsArray = str.split(,);?输出 fruitsArray[0]: apple3 根据索引移除数组中的某个元素假如需要从Javascript数组中移除某个元素，可以使用splice方法，该方法将根据传入参数n，移除数组中移除第n个元素(Javascript数组中从第0位开始计算)。function removeByIndex(arr, index) {? arr.splice(index, 1);?}?test = new Array();?test[0] = Apple;?test[1] = Ball;?test[2] = Cat;?test[3] = Dog;?alert(Array before removing elements: +test);?removeByIndex(test, 2);?alert(Array after removing elements: +test);?则最后输出的为Apple,Ball,Dog4 根据元素的值移除数组元素中的值下面这个技巧是很实用的，是根据给定的值去删除数组中的元素，代码如下：function removeByValue(arr, val) {? for(var i=0; iarr.length; i++) {? if(arr[i] == val) {? arr.splice(i, 1);? break;? }? }?}??var somearray = [mon, tue, wed, thur]?removeByValue(somearray, tue);?//somearray 将会有的元素是 mon, wed, thur?当然，更好的方式是使用prototype的方法去实现，如下代码：Atotype.removeByValue = function(val) {? for(var i=0; ithis.length; i++) {? if(this[i] == val) {? this.splice(i, 1);? break;? }? }?}?//..?var somearray = [mon, tue, wed, thur]?somearray.removeByValue(tue);?5 通过字符串指定的方式动态调用某个方法有的时候，需要在运行时，动态调用某个已经存在的方法，并为其传入参数。这个如何实现呢？下面的代码可以：var strFun = someFunction; //someFunction 为已经定义的方法名?var strParam = this is the parameter; //要传入方法的参数var fn = window[strFun];?//调用方法传入参数?fn(strParam);?6 产生1到N的随机数var random = Math.floor(Math.random() * N + 1);?//产生1到10之间的随机数?var random = Math.floor(Math.random() * 10 + 1);?//产生1到100之间的随机数?var random = Math.floor(Math.random() * 100 + 1);?7 捕捉浏览器关闭的事件我们经常希望在用户关闭浏览器的时候，提示用户要保存尚未保存的东西，