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

112 阅读 0 评论 74 点赞

我是靠谱客的博主顺利荔枝，最近开发中收集的这篇文章主要介绍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);
登录后复制

输出结果：