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|mangoes

将CSV格式重新转换回Javscript数组

那么如何将一个CSV格式的字符串转变回Javascript数组呢？可以使用split()方法，就可以使用任何指定的字符去分隔，代码如下：

var str = "apple, peaches, oranges, mangoes";

　  var fruitsArray = str.split(",");

输出 fruitsArray[0]: apple

根据索引移除数组中的某个元素

假如需要从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,Dog

根据元素的值移除数组元素中的值

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的方法去实现，如下代码：

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");

通过字符串指定的方式动态调用某个方法

有的时候，需要在运行时，动态调用某个已经存在的方法，并为其传入参数。这个如何实现呢？下面的代码可以：

var strFun = "someFunction"; //someFunction 为已经定义的方法名

var strParam = "this is the parameter"; //要传入方法的参数

var fn = window[strFun]; 

//调用方法传入参数

fn(strParam);

产生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);

捕捉浏览器关闭的事件

我们经常希望在用户关闭浏览器的时候，提示用户要保存尚未保存的东西，则下面的这个Javascript技巧是十分有用的，代码如下：

<script language="javascript">

function fnUnloadHandler() { 

       alert("Unload event.. Do something to invalidate users session..");

}

</script>

<body onbeforeunload="fnUnloadHandler()">

………

</body>

就是编写onbeforeunload()事件的代码即可

检查是否按了回退键

同样，可以检查用户是否按了回退键，代码如下：

window.onbeforeunload = function() {

    return "You work will be lost.";

};

检查表单数据是否改变

有的时候，需要检查用户是否修改了一个表单中的内容，则可以使用下面的技巧，其中如果修改了表单的内容则返回true，没修改表单的内容则返回false。代码如下：

function formIsDirty(form) {

  for (var i = 0; i < form.elements.length; i++) {

    var element = form.elements[i];

    var type = element.type;

    if (type == "checkbox" || type == "radio") {

      if (element.checked != element.defaultChecked) {

        return true;

      }

    }

    else if (type == "hidden" || type == "password" ||

             type == "text" || type == "textarea") {

      if (element.value != element.defaultValue) {

        return true;

      }

    }

    else if (type == "select-one" || type == "select-multiple") {

      for (var j = 0; j < element.options.length; j++) {

        if (element.options[j].selected !=

            element.options[j].defaultSelected) {

          return true;

        }

      }

    }

  }

  return false;

}

window.onbeforeunload = function(e) {

  e = e || window.event;

  if (formIsDirty(document.forms["someForm"])) {

    // IE 和 Firefox

    if (e) {

      e.returnValue = "You have unsaved changes.";

    }

    // Safari浏览器

    return "You have unsaved changes.";

  }

};

完全禁止使用后退键

下面的技巧放在页面中，则可以防止用户点后退键，这在一些情况下是需要的。代码如下：

<SCRIPT type="text/javascript">

    window.history.forward();

    function noBack() { window.history.forward(); }

</SCRIPT>

</HEAD>

<BODY onload="noBack();"

    onpageshow="if (event.persisted) noBack();" onunload="">

删除用户多选框中选择的项目

下面提供的技巧，是当用户在下拉框多选项目的时候，当点删除的时候，可以一次删除它们，代码如下：

function selectBoxRemove(sourceID) {

    //获得listbox的id

    var src = document.getElementById(sourceID);

    //循环listbox

    for(var count= src.options.length-1; count >= 0; count--) {

         //如果找到要删除的选项，则删除

        if(src.options[count].selected == true) {

                try {

                         src.remove(count, null); 

                 } catch(error) { 

                         src.remove(count);

                }

        }

    }

}

Listbox中的全选和非全选

如果对于指定的listbox，下面的方法可以根据用户的需要，传入true或false,分别代表是全选listbox中的所有项目还是非全选所有项目，代码如下：

function listboxSelectDeselect(listID, isSelect) {

    var listbox = document.getElementById(listID);

    for(var count=0; count < listbox.options.length; count++) {

            listbox.options[count].selected = isSelect;

    }

}

在Listbox中项目的上下移动

function listbox_move(listID, direction) { 

    var listbox = document.getElementById(listID);

    var selIndex = listbox.selectedIndex; 

    if(-1 == selIndex) {

        alert("Please select an option to move.");

        return;

    } 

    var increment = -1;

    if(direction == 'up')

        increment = -1;

    else

        increment = 1; 

    if((selIndex + increment) < 0 ||

        (selIndex + increment) > (listbox.options.length-1)) {

        return;

    } 

    var selValue = listbox.options[selIndex].value;

    var selText = listbox.options[selIndex].text;

    listbox.options[selIndex].value = listbox.options[selIndex + increment].value

    listbox.options[selIndex].text = listbox.options[selIndex + increment].text 

    listbox.options[selIndex + increment].value = selValue;

    listbox.options[selIndex + increment].text = selText; 

    listbox.selectedIndex = selIndex + increment;

}

//..

//.. 

listbox_move('countryList', 'up'); //move up the selected option

listbox_move('countryList', 'down'); //move down the selected option

在两个不同的Listbox中移动项目

如果在两个不同的Listbox中，经常需要在左边的一个Listbox中移动项目到另外一个Listbox中去，下面是相关代码：

function listbox_moveacross(sourceID, destID) {

    var src = document.getElementById(sourceID);

    var dest = document.getElementById(destID); 

    for(var count=0; count < src.options.length; count++) { 

        if(src.options[count].selected == true) {

                var option = src.options[count]; 

                var newOption = document.createElement("option");

                newOption.value = option.value;

                newOption.text = option.text;

                newOption.selected = true;

                try {

                         dest.add(newOption, null); //Standard

                         src.remove(count, null);

                 }catch(error) {

                         dest.add(newOption); // IE only

                         src.remove(count);

                 }

                count--;

        }

    }

}

//..

//.. 

listbox_moveacross('countryList', 'selectedCountryList');

快速初始化Javscript数组

var numbers = [];

for(var i=1; numbers.push(i++)<100;);

//numbers = [0,1,2,3 ... 100]

使用的是数组的push方法

截取指定位数的小数

如果要截取小数后的指定位数，可以使用toFixed方法，比如：

var num = 2.443242342;

　alert(num.toFixed(2)); // 2.44

而使用toPrecision(x)则提供指定位数的精度，这里的x是全部的位数，如：

num = 500.2349;

　result = num.toPrecision(4);//输出500.2

检查字符串中是否包含其他字符串

下面的代码中，可以实现检查某个字符串中是否包含其他字符串。代码如下：

if (!Array.prototype.indexOf) {

    Array.prototype.indexOf = function(obj, start) {

         for (var i = (start || 0), j = this.length; i < j; i++) {

             if (this[i] === obj) { return i; }

         }

         return -1;

    }

} 

if (!String.prototype.contains) {

    String.prototype.contains = function (arg) {

        return !!~this.indexOf(arg);

    };

}

在上面的代码中重写了indexOf方法并定义了contains方法，使用的方法如下：

var hay = "a quick brown fox jumps over lazy dog";

var needle = "jumps";

alert(hay.contains(needle));

去掉Javscript数组中的重复元素

下面的代码可以去掉Javascript数组中的重复元素，如下：

function removeDuplicates(arr) {

    var temp = {};

    for (var i = 0; i < arr.length; i++)

        temp[arr[i]] = true; 

    var r = [];

    for (var k in temp)

        r.push(k);

    return r;

} 

//用法

var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];

var uniquefruits = removeDuplicates(fruits);

//输出的 uniquefruits ['apple', 'orange', 'peach', 'strawberry'];

去掉String中的多余空格

下面的代码会为String增加一个trim()方法，代码如下：

if (!String.prototype.trim) {

   String.prototype.trim=function() {

    return this.replace(/^\s+|\s+$/g, '');

   };

} 

//用法

var str = "  some string    ";

str.trim();

//输出 str = "some string"

Javascript中的重定向

在Javascript中，可以实现重定向，方法如下：

window.location.href = http://viralpatel.net;

对URL进行编码

有的时候，需要对URL中的传递的进行编码，方法如下：

var myOtherUrl =  "http://example.com/index.html?url=" + encodeURIComponent(myUrl);

原文：http://developer.51cto.com/art/201307/404053.htm

Javascript技巧的更多相关文章

  1. (译文)12个简单(但强大)的JavaScript技巧(二)

    原文链接: 12 Simple (Yet Powerful) JavaScript Tips 其他链接: (译文)12个简单(但强大)的JavaScript技巧(一) 强大的立即调用函数表达式 (什么 ...

  2. (译文)12个简单(但强大)的JavaScript技巧(一)

    原文连接: 12 Simple (Yet Powerful) JavaScript Tips 我将会介绍和解析12个简单但是强大的JavaScript技巧. 这些技巧所有的JavaScript程序员都 ...

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

    1  Javascript数组转换为CSV格式 首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件.则我们可以使用如下的小技巧,代码如 ...

  4. JavaScript技巧&写法

    原文:JavaScript技巧&写法 JavaScript技巧篇: 1>状态机 var state = function () { this.count = 0; this.fun = ...

  5. 12个非常有用的JavaScript技巧

    在这篇文章中,我将分享12个非常有用的JavaScript技巧.这些技巧可以帮助你减少并优化代码. 1) 使用!!将变量转换成布尔类型 有时,我们需要检查一些变量是否存在,或者它是否具有有效值,从而将 ...

  6. 原生JavaScript技巧大收集

    原生JavaScript技巧大收集 地址:http://itindex.net/detail/47244-javascript

  7. 原生JavaScript技巧大收集100个

    原生JavaScript技巧大收集 1.原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var p ...

  8. 【转】45个实用的JavaScript技巧、窍门和最佳实践

    原文:https://colobu.com/2014/09/23/45-Useful-JavaScript-Tips,-Tricks-and-Best-Practices/ 目录 [−] 列表 第一次 ...

  9. 一些有趣的Javascript技巧

    整理一些刷题时学会的小技巧…… 目录: 即大于0又小于0的变量 String.split() 与 正则表达式 缓存的几种方法 初始化一个数组 即大于0又小于0的变量 问题: 设计一个变量val,使得以 ...

随机推荐

  1. Struts2版本升级到struts2 2.3.15.1操作说明

    Struts2的官网公布了一个远程命令执行漏洞,官方强烈建议升级到2.3.15.1或者以上版本,该版本包含校正过的struts2核心库. 我们之前开发项目主要采用的Struts2版本是2.2.1,本文 ...

  2. vim ---- 一键自动indent的命令

    当用vim拷贝某一段代码到另一个程序的时候,往往indent会有一些问题.. 下面这个强大的命令能够让你一键让代码有很好的格式. gg=G 例子:         

  3. DES带IV向量加密解密工具

    链接:http://pan.baidu.com/s/1kVAV80J  密码:sgys 鉴于网上的DES加密解密都是不带IV向量的 我就自制了一个带IV向量的DES加密解密的小工具 © 2016-20 ...

  4. NOIP 考前 并查集复习

    POJ 1182 把一个点拆成x,x+n,x+2*n,x吃y可以表示认为x,y+n是一类的,x+n,y+2*n是一类,x+2*n,y是一类. #include <cstdio> ; ],n ...

  5. Java随笔二

    1.常量:final可以设置变量,也可以表示这个变量只能被赋值一次(即可以声明一个空变量,只能赋值一次):可以使用关键字static final设置一个类常量,以供一个类中的多个方法使用. 2.字符串 ...

  6. iOS开发 首次启动显示用户引导，第二次启动直接进入App，UIScrollView，UIPageControl，NSUserDefaults

    首先创建一个引导图的控制器类 UserGuideViewController.h和UserGuideViewController.m #import <UIKit/UIKit.h> #im ...

  7. 数据库和3G的结合使用

    // //  设备数据管理类 #import <Foundation/Foundation.h> #import "DeviceInfo.h" @interface D ...

  8. 利用 iframe解决ajax的跨域问题

    问题 1. form提交或a标签跳转方式提交不会引发跨域问题. 2. ajax出于安全问题就有了跨域问题,因为一次请求中既访问了外部域最后返回了自己的域. 3. 用iframe其实就是想仿照ajax的 ...

  9. OpenGL坐标变换及其数学原理，两种摄像机交互模型（附源程序）

    实验平台:win7,VS2010 先上结果截图(文章最后下载程序,解压后直接运行BIN文件夹下的EXE程序): a.鼠标拖拽旋转物体,类似于OGRE中的“OgreBites::CameraStyle: ...

  10. MySQL使用正则表达式比较字段中的数字

    今天遇到一个问题,需要对表中的一个类json字段的内容进行筛选,而筛选的条件是值要大于某个值.因为值的位数并不确定,考虑使用正则表达式进行筛选. 字段格式 类json的key-value字段,示例如下 ...