substring和substr,slice和splice傻傻分不清楚?进来!

先说说 substringsubstr
这二货都是针对字符串而言的,且都是返回一个副本,而不是在原字符串上直接操作。

上代码:

var str = '0123456789';

console.log( str.substring(1) ); // 123456789。第二个参数留空则默认截取到结束
console.log( str.substr(1) ); // 123456789

console.log( str.substring(2, 5) ); // 234。区间为[2, 5)
console.log( str.substr(2, 5) ); // 23456。区间为[2, 2+5-1]
console.log( str.substr(-4) ); // 6789。截取后四位

console.log( str ); // 0123456789。原字符串并没有发生变化

记忆:

substring($1, $2) 比较长,因此截取得短,区间表示为 [$1, $2)$1 表示起始下标,$2 表示截止下标。

substr($1, $2) 比较短,因此截取得长,区间表示为 [$1, $1+$2-1]$1 表示起始下标,$2 表示截多少个。

两者的 $2 留空则都默认截取到结束。

substr 短小精悍,$1 竟然还能接受负数,返回末尾的$1 位。


再说说 slicesplice
这二货都是针对数组而言(我不会告诉你字符串也能用 slice )。
splice 是直接在数组上操作(直接在数组上操作的还有 pop/push/shift/unshift/sort/reverse/concat)。

下面看例子:

var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

console.log( arr.slice(1) ); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log( arr.splice(1) ); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log( arr ); // [0]。被 splice 砍剩下的

arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; // 重新补血。。。

console.log( arr.slice(2, 5) ); // [2, 3, 4]
console.log( arr.splice(2, 5) ); // [2, 3, 4, 5, 6]
console.log( arr ); // [0, 1, 7, 8, 9]

记忆:

区分两者的方式,首先就是记住 装逼大法

// 将伪数组转数组,不能伤害 arguments 本身,因此 slice 显然就是返回副本
Array.prototype.slice.call(arguments);

还有就是, splice 里面有一个 p ,看起来像一把刀,直接砍在数组身上!!!(雅蠛蝶~~~)

其次就是,slice 谐音 死赖,臭不要脸的死赖皮,因此在社会上死赖越 越好(区间范围小)。
splice 看起来有英文 police 的感觉,警察肯定是越 越安全啦(区间范围大)~~~

因此:
slice($1, $2) 并非在原数组上操作,而是返回被切部分的副本。区间表示为[$1, $2)$1 是起始下标,$2 是截止下标。

splice($1, $2) 直接在原数组上操作,返回被切掉的部分。区间表示为 [$1, $1+$2-1]$1 是起始下标, $2 是切多少个。

最后的最后,就是由于二者拼写长度仅相差一个字母,因此二者的 $1 均能接受负数。

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
好的,我来为您解答这个问题。 在 HTML5 中,截取字符串的方法与 JavaScript 中的截取字符串方法是一致的。常用的截取字符串的方法有 substringsubstrslice。 1. substring 方法 substring 方法可以从字符串中提取指定位置的子字符串。语法如下: str.substring(start, end) 其中,start 和 end 分别是起始位置和结束位置的索引值(包括起始位置,不包括结束位置),如果省略 end 参数,则默认截取到字符串末尾。 例如: var str = "Hello world!"; var result = str.substring(0, 5); // 截取 "Hello" var result2 = str.substring(6); // 截取 "world!" 2. substr 方法 substr 方法可以从字符串中提取指定长度的子字符串。语法如下: str.substr(start, length) 其中,start 是起始位置的索引值,length 是要截取的长度。如果省略 length 参数,则默认截取到字符串末尾。 例如: var str = "Hello world!"; var result = str.substr(0, 5); // 截取 "Hello" var result2 = str.substr(6); // 截取 "world!" 3. slice 方法 slice 方法可以从字符串中提取指定位置的子字符串。语法如下: str.slice(start, end) 其中,start 和 end 分别是起始位置和结束位置的索引值(包括起始位置,不包括结束位置),如果省略 end 参数,则默认截取到字符串末尾。 例如: var str = "Hello world!"; var result = str.slice(0, 5); // 截取 "Hello" var result2 = str.slice(6); // 截取 "world!" 这三种方法都可以截取字符串,但是它们有些细微的差别。substringslice 方法的参数都是以索引值表示位置,而 substr 方法的第二个参数是以长度表示位置。另外,substring 方法不支持负数参数,slice 方法支持负数参数。您可以根据具体的需求选择使用哪种方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值