slice、splice、split 三者的区别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了slice、splice、split 三者的区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2340字，纯文字阅读大概需要4分钟。

内容图文

slice（切割）

slice 能够截取 字符串 或 数组，并返回一个新的 字符串 或 数组（不改变原字符串或数组）

功能一：截取字符串 str.slice(start,end)

let str = 'hello world'
// 截取下标 [2,5) 区间的字符串，左闭右开，结果为：llo
let str2 = str.slice(2,5)  

从 start下标 开始，保留到 end下标 的前一个结束，如果没有 end，就保留到最后一个字符结束。

举一反三：

除了 slice 能够截取字符串外，还有两个方法经常也被用来截取字符串，它们分别是：substr 与 substring。它们都能截取字符串，并且返回一个新的字符串（不改变原字符串）。

str.substr(start,num)：截取字符串，从 start下标 开始，截取 num 个字符串。

str.substring(start,end)：截取字符串，从 start下标 开始，保留到 end下标 的前一个结束，如果没有 end，就保留到最后一个字符结束，跟 slice方法 一样。

功能二：截取数组 arr.slice(start,end)

let arr = [1,2,3,4,5]
// 截取下标 [2,5) 区间的数组，左闭右开，结果为：[3, 4, 5]
let arr2 = arr.slice(2,5)  

从 start下标 开始，保留到 end下标 的前一个结束，如果没有 end，就保留到最后一个字符结束。

splice（拼接）

splice 是一个专门用于 数组操作 的方法，堪称最强大的数组操作方法。它可以对数组中的元素进行删除、插入和替换。替换原数组，返回删除的元素数组。

arr.splice(start,num,arg1,arg2...)

注意：splice 操作的是原数组！

功能一：删除数组元素：

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始，依次向后删除 2 个元素，返回被删除的元素数组：[4, 5]，原数组改变为：[1, 2, 3, 6, 7, 8, 9]
arr.splice(3,2)

对数组中的元素进行删除、插入和替换，替换原数组，返回删除的元素数组（堪称最强大的数组操作方法）

• 从 start下标 开始，删除 num 个元素，再在此处插入 arg1，arg2，arg3…
• 如果只填了 start 却没填 其它参数，则代表删除其后的所有元素

功能二：删除并插入元素：

如果我们对上面的代码进行更改，则可以完成插入元素的功能。

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始，依次向后删除 2 个元素，并将 1, 2, 3 添加到被删除的元素的位置。返回被删除的元素数组：[4, 5]，原数组改变为：[1, 2, 3, 1, 2, 3, 6, 7, 8, 9]
arr.splice(3,2,1,2,3)

功能三：单纯插入数组：

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始，依次向后添加 1, 2, 3 等元素。返回被删除的元素数组：[]，原数组改变为：[1, 2, 3, 1, 2, 3, 4, 5, 6, 7, 8, 9]
arr.splice(3,0,1,2,3)

split（分离）

以基于指定的分隔符将一个字符串分割成 多个子字符串，并将结果放在一个数组中

str.split('分隔字符串')

let str = 'this is a test'
str.split('s')

上面代码的运行结果为，字符串以 ‘s’ 进行分割，被分割的字符串返回成一个数组： ["thi", " i", " a te", "t"]。

内容总结

以上是互联网集市为您收集整理的slice、splice、split 三者的区别全部内容，希望文章能够帮你解决slice、splice、split 三者的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

---