JavaScript中slice()与substring()截取字符串前几位的方法详解

JS中通过slice()与substring()截取字符串前几位的方法

在JavaScript开发中，我们往往不需要处理完整的字符串，此时截取字符串成为常见需求。本文将重点讲解两种截取字符串前几位的方法：一是使用slice()方法，二是使用substring()方法。

方法一：使用slice()方法

该方法用于提取字符串的指定部分，并返回一个新的字符串，包含被提取的内容。

语法

string.slice(start,end)

实例

var str="abc12345";
alert(str.slice(3))   //   =>  12345
截取掉前三位字符，保留后几位

方法二：使用substring()方法

此方法用于提取字符串中位于两个指定索引之间的字符。

语法

string.substring(start,stop)

实例

var disName ='开心一族漂亮家园';
var shortName = disName.substring(0,5);
console.log(shortName);//打印结果：开心一族漂

补充：

三种JS截取字符串方法：slice()、substring()和substr()

JavaScript提供了三种截取字符串的方法，分别是slice()、substring()和substr()。它们均可接受一个或两个参数：

var stmp = “rcinn.cn”;

使用一个参数

alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn"
alert(stmp.substring(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn"

slice

语法 string.slice(start,end) 不包括end

参数 描述

start 必须。 要抽取的片断的起始下标，第一个字符位置为 0。如果为负数，则从尾部开始截取。 end 可选。

紧接着要截取的片段结尾的下标。若未指定此参数，则要提取的子串包括 start。

end到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。slice(-2)。

表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。

切割字符串

 var a = 'stings';
 console.log(a.slice()) //stings
 console.log(a.slice(1)) //tings
 console.log(a.slice(1,2)) // t
 console.log(a.slice(-1)) //s
 console.log(a.slice(1,-1)) // ting

切割数组

var arr = [1,2,3,4,5];
console.log(arr.slice(1));//[2,3,4,5]  选择序列号从1到最后的所有元素组成的新数组。
console.log(arr.slice(1,3))//[2,3]  不包含end，序列号为3的元素

substr

所有主要浏览器都支持 substr() 方法

语法 string.substr(start,length)

参数值

start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。 length 可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

var str="Hello world!";
 console.log(str.substr()) //Hello world!
 console.log(str.substr(2)) //llo world!
 console.log(str.substr(1,2)) //el
 console.log(str.substr(-1)) //!
 console.log(str.substr(1,6)) // ello w
 console.log(str.substr(0,16)) //Hello world!

substring

定义和用法

substring() 方法用于提取字符串中介于两个指定下标之间的字符。 substring() 方法返回的子串包括 开始 处的字符，但不包括 结束 处的字符。

语法 string.substring(from, to) 不包括to

参数 描述 from 必需。一个非负的整数，规定要提取的子串的第一个字符在 string Object 中的位置。 to 可选。一个非负的整数，比要提取的子串的最后一个字符在 string Object 中的位置多 1。 如果省略该参数，那么返回的子串会一直到字符串的结尾。

var str="Hello+world!";
console.log(str.substring()) //Hello+world!
console.log(str.substring(2)) //llo+world!
console.log(str.substring(1,2)) //e
console.log(str.substring(-1)) //Hello+world!
console.log(str.substring(1,6)) // ello+
console.log(str.substring(0,16)) //Hello+world!

substing 和substr 不能用于数组 截取，slice 可以用于数组截取，截取返回的是数组

到此这篇关于js中截取字符串前几位的两种方法slice()&substring()的文章就介绍到这了,更多相关js截取字符串内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！