JavaScript中Array.slice()与String.slice()方法详解
本文详细解析JavaScript中slice函数的两种主要应用场景：数组对象的切片操作与字符串的截取功能。重点讲解start和end参数的作用，特别是负数索引（如-1）如何基于数组长度进行计算，以及省略end参数时的默认行为。通过具体代码示例展示如何提取数组子集及解析URL参数，帮助开发者准确掌握该方法的边界条件与实战用法。
JavaScript slice函数概述
本文通过具体实例深入解析JavaScript中slice函数的实际应用，旨在为读者提供清晰的参考指南。
在JavaScript中，slice函数主要应用于Array对象，用于返回数组的一个片段，返回结果依然是一个数组。其基本语法为：arrayObj.slice(start, [end])。
参数定义与说明
该方法包含以下参数：
arrayObj：必选参数，指代被操作的Array对象。start：必选参数，指定截取部分的起始元素下标，计算从0开始。end：可选参数，指定截取部分的结束元素下标，计算同样从0开始。
关于slice方法的运作机制说明如下：
slice方法返回一个新的Array对象，其中包含原arrayObj指定范围内的元素。截取范围从start开始，一直持续到end指定的元素之前（不包含end本身）。若start为负数，系统将其视为length + start进行处理，其中length为数组长度；同理，若end为负数，也按length + end处理。如果省略end参数，slice将截取从start到数组末尾的所有元素。需要注意的是，如果end的值小于start，则不会向新数组中复制任何元素。
代码示例与实战应用
以下通过具体示例演示slice的用法：
在下面的代码场景中，我们将myArray中除最后一个元素外的所有元素复制到newArray中：
代码实现如下：newArray = myArray.slice(0, -1)。此外，slice方法同样适用于字符串操作，即str的slice用法。
<script type="text/javascript">
function Request(valuename,testurl)
{
var rtnval ;
//获取当前网页地址信息http://192.168.1.240:85/test/asp/Crmkorea_co_kr/test.htm?PARA1=ATEST
//var nowAddress = unescape(location.href) ;
var nowAddress = testurl
var parameters = new Array() ;
alert(nowAddress.slice(nowAddress.indexOf("?")+1, nowAddress.length))
parameters = (nowAddress.slice(nowAddress.indexOf("?")+1, nowAddress.length)).split("&") ;
for(var i=0;i<parameters.length;i++)
{
alert(i + "--" + parameters[i])
if(parameters[i].indexOf(valuename) != -1)
{
rtnval = parameters[i].split("=")[1] ;
if(rtnval == undefined || rtnval == null)
{
rtnval = "" ;
}
return rtnval ;
}
else{
// alert(parameters[0].indexOf(valuename))
// alert("request must from :" + valuename)
}
}
return ""
//alert(rtnval) ;
}
var myaddr = "http://www.yoursiteweb.com/?para1=test1&PARA1=test2"
alert(Request("PARA1",myaddr))
//检查地址中是否包含参数para1，并返回该参数的值
</script>希望本文关于JavaScript slice函数的详细解析，能对各位的程序设计工作提供实质性的帮助。
什么时候该用JS构造器：与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选？场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38