JavaScript中Split方法详解与URL参数解析实战

JavaScript Split方法基础与数组下标处理

过去较少接触Split方法，近期整理相关资料进行回顾。

基本语法为：myArray=string.split("|")。

其中，"|"代表用于分割的特征字符，string是待处理的源字符串，myArray则是分割后的结果数组。通过myArray[n]访问元素，其中n的取值范围为0到myArray.length-1。

起初习惯使用ASP思维寻找数组最大下标，误以为存在类似Ubound(myArray)的函数，经查找发现JavaScript中数组直接提供length属性，因此最大下标即为myArray.length-1，这一机制相对直观。

利用Split解析URL地址栏参数

以下通过一个具体实例演示Split的实际应用：利用JavaScript提取网页地址栏中的参数。

<script language="JavaScript">
<!--  
function Request(strName)
{  
var strHref = "www.nextway.cn/index.htm?a=1&b=1&c=Split实例";
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++)
{  
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}  
return "";
}  
alert(Request("a"));
alert(Request("b"));
alert(Request("c"));
//-->  
</script>

基于正则表达式的参数提取方案

除了上述方法，还可以使用正则表达式来提取地址栏参数。

<script>
String.prototype.getQuery = function(name)
{  
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = this.substr(this.indexOf("\?")+1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}  
var str = "www.nextway.cn/index.htm?a=1&b=1&c=Split实例";
alert(str.getQuery("a"));
alert(str.getQuery("b"));
alert(str.getQuery("c"));
</script>