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

作者:纸飞机

时间:2026-10-29

浏览:462

本文详细介绍JavaScript中Split方法的用法,包括如何获取数组最大下标。通过两个完整示例演示如何利用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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章