substr-substring-slice 区别小结

最新推荐文章于 2023-08-28 16:27:15 发布

道甚夷

最新推荐文章于 2023-08-28 16:27:15 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

分类专栏：前端原理

本文链接：https://blog.youkuaiyun.com/junjiahuang/article/details/108581792

前端原理专栏收录该内容

77 篇文章

订阅专栏

本文深入探讨了JavaScript中处理字符串的三种主要方法：substr、substring和slice。通过具体示例，详细解析了每种方法的使用场景及参数设置，帮助读者掌握高效、精确地进行字符串切割的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// substr 用法
// substr(start, length)
// str = '你好啊世界的尽头'
let arr = [1,2,3,4,5,6,7,8,9,10]
str = arr.join('')
console.log(str.substr(0, 2)) // 从开始切两个文字
console.log(str.substr(2, 2)) // 从第几个开始切到第几个, 等同于已知第一个下标,以及切割的长度.使用substring(offset1, offset2) 也是一样,所以可以代替substring.
console.log(str.substr(2)) // 省略第二个参数,默认是到尾部
console.log(str.substr(-2)) // 第一个下标为负数,省略第二个参数.倒数开始切到末尾

// substring 用法
// substring(start, end)
console.log('======')
console.log(str.substring(0, 2)) // 不包括2下标的值,也就是说只切割下标为0,1的字符,
console.log(str.substring(2, 4))
console.log(str.substring(2))
// 下标不能为负数
// offset1 > offset2 会自动交换位置再切割.

// slice == substr + substring
// slice(start, end)
// start 可以为负数,倒数切割,end不写默认到尾部
// end为负数,从尾部算起
// 不包括end的值
// 不修改原数组
console.log('======')
str = arr
console.log(str.slice(0, 2))
console.log(str.slice(2, 4))
console.log(str.slice(2))
console.log(str.slice(-2))