js裁剪(分隔)字符串常用方法

本文详细介绍了JavaScript中用于字符串截取的三种方法:slice、substring和substr。通过实例展示了它们的使用方式,包括两个参数、一个参数以及参数为负数的情况。特别指出,slice和substring不包含结束位置的字符,而substr则可以指定截取长度。同时,substring不接受负数参数,而substr在负数情况下会从字符串末尾开始计算。这些方法在日常开发中非常实用,帮助开发者灵活处理字符串内容。

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

前言:在开发中我们经常会遇到对于字符串的部分取舍问题,今天我们来看看3中常用的方法来解决这个问题。



一.Slice

1.两个参数:

两个参数:起始索引(开始位置),终止索引(结束位置),提取字符串的某个部分并在新字符串中返回被提取的部分。

包前不包后

var str="HelloTwd";
// slice方法  
// 两个参数:起始索引(开始位置),终止索引(结束位置)。
// 提取字符串的某个部分并在新字符串中返回被提取的部分。 
// 包前不包后
var res=str.slice(1,5);
console.log(res);

在这里插入图片描述

2.参数为负:

如果某个参数为负,则从字符串的结尾开始计数,包后不包前

var str="HelloTwd";
// 如果某个参数为负,则从字符串的结尾开始计数。
// 包后不包前
var res1=str.slice(1,-5)
console.log(res1);

在这里插入图片描述

3.一个参数:

如果省略第二个参数,则该方法将裁剪字符串的剩余部分,包前,如果参数为负,从结尾开始计数,包括裁切数值的位置的字符。

var str="HelloTwd";
// 如果省略第二个参数,则该方法将裁剪字符串的剩余部分:
// 包前
var res2=str.slice(5)
console.log(res2);
// 从结尾开始计数,包括裁切数值的位置的字符
var res3=str.slice(-5)
console.log(res3);

在这里插入图片描述

4.注意:

如果为正数,则是索引从0开始,若为负数,则索引从-1开始,也就是结尾的索引1开始,并非0。


二.Substring

1.两个参数:

substring() 类似于 slice(),不同之处在于 substring() 无法接受负的索引。包前不包后

var str="HelloTwd"
// substring() 类似于 slice()。
// 不同之处在于 substring() 无法接受负的索引。
// 包前不包后
var res=str.substring(1,5)
console.log(res);

在这里插入图片描述

2.一个参数:

如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分,包前

var str="HelloTwd"
// 如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。
// 包前
var res1=str.substring(5)
console.log(res1);

在这里插入图片描述

3.注意:

如果为负数,则返回整个字符串。

var str="HelloTwd"
// 如果为负数,则返回整个字符串
var res3=str.substring(-2)
console.log(res3);

在这里插入图片描述


三.Sbustr

1.两个参数:

substr() 类似于 slice(),不同之处在于第二个参数规定被提取部分的长度。不包前

var str="HelloTwd"
// substr() 类似于 slice()。
// 不同之处在于第二个参数规定被提取部分的长度。
// 不包前
var res=str.substr(1,6)
console.log(res);

在这里插入图片描述
为负数时候, 包括裁剪的数值处的字符。

var str="HelloTwd"
// 为负数
// 包括裁剪的数值处的字符
var res1=str.substr(-2,2)
console.log(res1);

在这里插入图片描述

2.一个参数:

** 如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分,包括要分隔的数值出的字符。**

var str="HelloTwd"
// 如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分。
// 包括要分隔的数值出的字符
var res2=str.substr(-5)
console.log(res2);

在这里插入图片描述

3.注意:

超出索引不输出内容

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木偶☜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值