在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。
1 Javascript数组转换为CSV格式
首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：
| 12 | var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];var str = fruits.valueOf(); |
输出：apple,peaches,oranges,mangoes
其中，valueOf()方法会将Javascript数组转变为逗号隔开的字符串。要注意的是，如果想不使用逗号分割，比如用｜号分割，则请使用join方法，如下：
| 12 | var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];var str = fruits.join("|"); |
输出： apple|peaches|oranges|mangoes
2 将CSV格式重新转换回Javscript数组
那么如何将一个CSV格式的字符串转变回Javascript数组呢？可以使用split()方法，就可以使用任何指定的字符去分隔，代码如下：
| 12 | var str = "apple, peaches, oranges, mangoes";var fruitsArray = str.split(","); |
输出 fruitsArray[0]: apple
3 根据索引移除数组中的某个元素
假如需要从Javascript数组中移除某个元素，可以使用splice方法，该方法将根据传入参数n，移除数组中移除第n个元素(Javascript数组中从第0位开始计算)。
| 1234567891011 | 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,Dog
4 根据元素的值移除数组元素中的值
下面这个技巧是很实用的，是根据给定的值去删除数组中的元素，代码如下：
| 1234567891011 | function removeByValue(arr, val) {for(var i=0; i<arr.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的方法去实现，如下代码：
| 1234567891011 | Array.prototype.removeByValue = function(val) {for(var i=0; i<this.length; i++) {if(this[i] == val) {this.splice(i, 1);break;}}}//..var somearray = ["mon", "tue", "wed", "thur"]somearray.removeByValue("tue"); |
5 通过字符串指定的方式动态调用某个方法
有的时候，需要在运行时，动态调用某个已经存在的方法，并为其传入参数。这个如何实现呢？下面的代码可以：
| 123456 | var strFun = "someFunction"; //someFunction 为已经定义的方法名var strParam = "this is the parameter"; //要传入方法的参 |
