0

0

JS字符串学习之怎么返回给定下标间的子串

青灯夜游

青灯夜游

发布时间:2021-08-16 18:53:53

|

2748人浏览过

|

来源于php中文网

原创

在上一篇文章《js字符串学习之计算给定字符的全部出现位置》中,我们介绍了使用indexof()和lastindexof()函数结合while循环,获取给定子串在字符串中全部位置的方法。那么今天将继续给大家带来javascript字符串学习系列~

本文将给大家介绍一下JavaScript截取字符串,获取指定位置间所有字符(即子串)的两种方法。

首先我们来看看第一种方法--使用slice()

举个栗子~

var str="Hello world!"; 
var n=str.slice(1,7);
console.log("原字符串:"+str);
console.log("截取下标1~7之间的子串:"+n);

我们来看看输出结果:

1.png

因为字符串下标是从0开始的,所以使用str.slice(1,7)截取下标1~7之间的字符,返回的子串是“ello w”。

我们来了解一下slice()函数

string.slice(start,end)方法可提取字符串的某个部分,并以新的字符串返回被提取的部分;该函数接受一个必需参数start和一个可省略的参数end。

  • start参数:表示起始下标;第一个字符位置为 0。如果为负数,则从尾部开始截取。

  • end参数:表示结束下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素;如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

var str="Hello world!"; 
var n=str.slice(1,-7);
console.log("原字符串:"+str);
console.log("截取到的子串:"+n);

输出结果:

多墨智能
多墨智能

多墨智能 - AI 驱动的创意工作流写作工具

下载

2.png

接下来我们来看看第二种方法--使用substring() 方法

举个栗子~

var str="Hello world!"; 
var n=str.substring(1,7);
console.log("原字符串:"+str);
console.log("截取到的子串:"+n);

输出结果:

3.png

substring()方法可以提取字符串中介于两个指定下标之间的字符。我们使用str.substring(1,7)截取字符串str下标1~7之间的字符,因此返回的子串是“ello w”。

我们来了解一下substring()函数。

string.substring(from, to)方法可接受一个必需参数from(非负的整数,指定开始下标),一个可省略的参数to(指定结束下标)。substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

slice()和substring()的区别:

slice()和substring()都可根据指定的起止下标位置来截取字符串,都可以包含两个参数,第一个参数表示起始下标,第二个参数表示结束下标。

但如果第一个参数值比第二个参数值大,substring() 方法能够在执行截取之前先交换两个参数,而对于 slice() 方法来说,则被无视为无效,并返回空字符串。

var str="Hello world!"; 
var n1=str.substring(7,1);
var n2=str.slice(7,1);
console.log("原字符串:"+str);
console.log("截取到的子串:"+n1);
console.log("截取到的子串:"+n2);

输出结果:

4.png

如果参数值为负值,slice() 方法能够把负号解释为从右侧开始定位;而 substring() 方法会视其为无效。

var str="Hello world!"; 
var n1=str.substring(1,-7);
var n2=str.slice(1,-7);
console.log("原字符串:"+str);
console.log("截取到的子串:"+n1);
console.log("截取到的子串:"+n2);

输出结果:

5.png

好了,就说到这里了,有需要的可以看:javascript高级教程

相关专题

更多
Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

56

2026.01.21

三角洲入口地址合集
三角洲入口地址合集

本专题整合了三角洲入口地址合集,阅读专题下面的文章了解更多详细内容。

28

2026.01.21

AO3中文版入口地址大全
AO3中文版入口地址大全

本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

389

2026.01.21

妖精漫画入口地址合集
妖精漫画入口地址合集

本专题整合了妖精漫画入口地址合集,阅读专题下面的文章了解更多详细内容。

116

2026.01.21

java版本选择建议
java版本选择建议

本专题整合了java版本相关合集,阅读专题下面的文章了解更多详细内容。

3

2026.01.21

Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

9

2026.01.21

无人机驾驶证报考 uom民用无人机综合管理平台官网
无人机驾驶证报考 uom民用无人机综合管理平台官网

无人机驾驶证(CAAC执照)报考需年满16周岁,初中以上学历,身体健康(矫正视力1.0以上,无严重疾病),且无犯罪记录。个人需通过民航局授权的训练机构报名,经理论(法规、原理)、模拟飞行、实操(GPS/姿态模式)及地面站训练后考试合格,通常15-25天拿证。

49

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号