广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >js中如何返回给定下标间的子串
  • 597
分享到

js中如何返回给定下标间的子串

2024-04-02 19:04:59 597人浏览 薄情痞子
摘要

小编给大家分享一下js中如何返回给定下标间的子串,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!首先我们来看看第一种方法--使用s

小编给大家分享一下js中如何返回给定下标间的子串,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

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

举个栗子~

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

我们来看看输出结果:

js中如何返回给定下标间的子串

因为字符串下标是从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);

输出结果:

js中如何返回给定下标间的子串

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

举个栗子~

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

输出结果:

js中如何返回给定下标间的子串

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);

输出结果:

js中如何返回给定下标间的子串

如果参数值为负值,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);

输出结果:

js中如何返回给定下标间的子串

以上是“js中如何返回给定下标间的子串”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: js中如何返回给定下标间的子串

本文链接: https://www.lsjlt.com/news/78612.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作