JavaScriptArrayslice

JavaScript slice 可以任意截取出 JavaScript Array 阵列的一个部分,只要指定好要截取的阵列元素起始位置以及结束位置即可,对于偶尔需要在一个大型阵列中,取出某一段来使用相当实用。另外,splice 还可以用来截取字串的一部分,用法与 substring 和 substr 函数类似,但比较特别的是 slice 的参数可以使用负数,且可以处理阵列或字串,本篇主题以 slice 处理阵列为主,想要了解 slice 处理字串可以参考此篇:JavaScript slice。以下就来看看 slice 如何截取出阵列的一个部分。

JavaScript Array.slice 基本语法

Array.slice( begin , end )

Array 是任何想要被截取的阵列,slice 小括号内有两个重要参数,第一个是 begin,代表要从阵列的哪个元素开始截取,第一个阵列元素为 0,第二个为 1 … 以此类推,begin 是必填项目,第二个参数 end 则代表结束位置,slice 在截取元素时,会取到 end 且不包含 end,如果没有填写 end,则 slice 会从 begin 开始截取至最后一个阵列元素。颇有意思的是 begin 与 end 这两个参数都可以是负数,代表从最后一个阵列元素开始计算,倒数第二个阵列元素为 -2,倒数第三个阵列元素为 -3 … 以此类推。

JavaScript Array.slice 示例

<script type="text/javascript">
var NewArray = ["A", "B", "C", "D", "E"];
document.write(NewArray); // 输出 A,B,C,D,E
document.write(NewArray.slice(2)); // 输出 C,D,E
document.write(NewArray.slice(1,3)); // 输出B,C
document.write(NewArray.slice(-2,-1)); // 输出 D
document.write(NewArray); // 输出 A,B,C,D,E
</script>

示例的一开始,先准备一个新的阵列 NewArray,透过 document.write 将经过 JavaScript slice 处理的结果输出于屏幕上。
第一次输出的结果是原始的阵列。第二次输出 NewArray.slice(2) 的结果,请注意,第一个阵列元素从 0 开始计算,slice(2) 的意思是截取出第三个阵列元素之后的所有阵列元素,并返回一个新的阵列值,输出结果为 C,D,E。第三次输出 NewArray.slice(1,3) 的结果,代表从阵列的第二个元素开始截取,不包含第四个阵列元素。第四次输出 NewArray.slice(-2,-1) 的结果,代表从倒数第二个阵列元素截取至倒数第一个阵列元素,且不包含倒数第一个阵列元素,所以截取结果仅有"D"。第五次输出的结果是原始的阵列。
由以上示例结果可以看出,阵列经过 JavaScript Array slice 处理过后并不会被改变,而是 JavaScript Array slice 返回一个新的阵列,所以第一次输出以及第五次输出的结果均相同,因为原始阵列并未被修改,JavaScript Array slice 使用上较需克服的是阵列元素的位置,第一个阵列元素是从 0 开始计算,有这样的观念,多试几次就熟能生巧。

slice 方法为 JavaScript 1.2 版本后就有的功能,所有主流的浏览器几乎都支持 JavaScript Array slice 方法。

网页设计

7b2主题火车头专用发布模块接口(火车头采集器b2免登入发布接口最新开源版)

2022-6-24 0:18:33

网页设计

CSStext-transform控制文章字母的大小写

2022-6-24 3:49:13

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yp10086@vip.qq.com 举报,一经查实,本站将立刻删除。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索