首页前端开发JavaScriptJS字符串学习之怎么返回给定下标间的子串

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

时间2024-01-30 04:23:03发布访客分类JavaScript浏览487
导读:收集整理的这篇文章主要介绍了JS字符串学习之怎么返回给定下标间的子串,觉得挺不错的,现在分享给大家,也给大家做个参考。在上一篇文章《JS字符串学习之计算给定字符的全部出现位置》中,我们介绍了使用indexOf( 和lastIndexOf( ...
收集整理的这篇文章主要介绍了JS字符串学习之怎么返回给定下标间的子串,觉得挺不错的,现在分享给大家,也给大家做个参考。在上一篇文章《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);
    

我们来看看输出结果:

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

输出结果:

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

举个栗子~

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

输出结果:

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

输出结果:

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

输出结果:

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

以上就是JS字符串学习之怎么返回给定下标间的子串的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 深入浅析Nodejs的安装方法与模块...下一篇:JS字符串学习之计算给定字符的全...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: JS字符串学习之怎么返回给定下标间的子串
本文地址: https://pptw.com/jishu/592035.html
js如何使用includes()判断数组是否含有指定值 如何通过js程序删除数组重复项(忽略大小写敏感)

游客 回复需填写必要信息