jquery 字符截取-JS——字符串截取方法总结(slice、substring、substr等)

在开发中,经常需要对字符串进行拦截jquery 字符截取,JavaScript提供了很多方法来实现拦截操作。 本文总结了各种方法供大家参考。

1、使用slice()截取1、函数说明

slice() 方法可以通过指定开始和结束位置提取字符串的某一部分jquery 字符截取,并将提取的部分作为新字符串返回。 语法如下:

stringObject.slice(start, end)

参数说明:

2. 使用示例

var str = "0123456789";
console.log("原始字符串:", str);
console.log("从索引为3的字符起一直到结束:", str.slice(3));  //3456789
console.log("从倒数第3个字符起一直到结束:", str.slice(-3));  //789
console.log("从开始一直到索引为5的前一个字符:", str.slice(0,5));  //01234
console.log("从开始一直到倒数第3个字符的前一个字符:", str.slice(0,-3));  //0123456
console.log("从索引为3的字符起到索引为5的前一个字符:", str.slice(3,5));  //34
console.log("从索引为3的字符起到倒数第3个字符的前一个字符:", str.slice(3,-3));  //3456

运行结果如下:

2、使用substring()截取1、函数说明

(1) substring方法用于提取字符串中两个指定下标之间的字符。 语法如下:

stringObject.substring(start, stop)

参数说明:

返回值说明:

该方法返回一个新字符串。 字符串值包含 stringObject 的子字符串。 它的内容是从start到stop-1的所有字符,宽度是stop减去start。

(二)注意事项:

2. 使用示例

var str = "0123456789";
console.log("原始字符串:", str);
console.log("从索引为3的字符起一直到结束:", str.substring(3));  //3456789
console.log("从索引为20的字符起一直到结束:", str.substring(20));  //
console.log("从索引为3的字符起到索引为5的前一个字符结束:", str.substring(3,5));  //34
console.log("start比end大会自动交换,结果同上:", str.substring(5,3));  //34
console.log("从索引为3的字符起到索引为20的前一个字符结束:", str.substring(3,20));  //3456789

运行结果如下:

3、使用substr()拦截1、函数说明

substr 方法用于返回从指定位置开始的指定宽度的子字符串。 语法如下:

 stringObject.substr(start, length)

start(必需):所需子字符串的起始位置。 字符串中的第一个字符的索引为 0。

length(可选):返回的子字符串中应包含的字符数。

(二)注意事项:

2. 使用示例

var str = "0123456789";
console.log("原始字符串:", str);
console.log("从索引为3的字符起一直到结束:", str.substr(3));  //3456789
console.log("从索引为20的字符起一直到结束:", str.substr(20));  //
console.log("从索引为3的字符起截取长度为5的字符串:", str.substr(3,5));  //34567
console.log("从索引为3的字符起截取长度为20的字符串:", str.substr(3,20));  //3456789

运行结果如下:

附:其他一些常用技术

下面的函数可以帮助我们截取字符串。

1.indexOf()

返回字符串中与子字符串匹配的第一个字符的索引。

var str = "JavaScript";
var i1 = str.indexOf("a"); //1
var i2 = str.indexOf("S"); //4
var i3 = str.indexOf("Script"); //4
var i4 = str.indexOf("k"); //-1
console.log("原始字符串:", str);
console.log("a的索引:", i1);
console.log("S的索引:",i2);
console.log("Script的索引:",i3);
console.log("k的索引:",i4);

运行结果如下:

2.lastIndexOf()

该方法返回某个字符或字符串从右到左出现的第一个字符的索引值(与indexOf相反)

var str = "JavaScript";
var i1 = str.lastIndexOf("a"); //3
var i2 = str.lastIndexOf("S"); //4
var i3 = str.lastIndexOf("Script"); //4
var i4 = str.lastIndexOf("k"); //-1

3. 分割()

使用指定的分隔符将字符串拆分为链表。

var str = "jpg|bmp|gif|ico|png";
var arr= str.split("|");
console.log(arr);

运行结果如下:

4. 加入()

使用指定的分隔符将字段组合成字符串。

var arr= new Array("jpg","bmp","gif","ico","png");
var str = arr.join("|");
console.log(str);

运行结果如下:

5.concat()

将两个字段连接在一起。

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2);
console.log(arr3);

运行结果如下:

6. charAt()

返回指定位置的字符。 字符串中第一个字符的索引为0。如果参数索引不在0和string.length之间,则此方法将返回空字符串。

var str = "abcdefg";
var char = str.charAt(2);  //c
console.log(char);

运行结果如下: