JavaScript字符串截取与分割方法详解

本文详细介绍JavaScript中处理字符串的常用方法，供读者参考学习。

字符串截取方法：substring与substr

在JavaScript中，截取字符串主要依赖substring()或slice()函数。

substring(start, end)方法用于提取从start索引到end索引之间的子字符串。该区间包含start位置的字符，但不包含end位置的字符。

其核心功能是字符串截取。例如，若要从字符串"MinidxSearchEngine"中提取前6个字符"Minidx"，可调用substring(0, 6)。

具体代码实现如下：

var src="images/off_1.png";
alert(src.substring(7,10));
//弹出值为：off

另一种截取方法是substr()。

substr(start, length)表示从start索引开始，截取长度为length的子字符串。

该函数同样用于字符串截取操作。

示例代码如下：

var src="images/off_1.png";
alert(src.substr(7,3));
//弹出值为：off

字符串分割与合并：split与Join

split()函数用于字符串分割。

其功能是使用指定的分隔符将原字符串分割，并将结果存储为数组。

示例代码如下：

str="jpg|bmp|gif|ico|png";
arr=theString.split("|");
//arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

Join()函数用于数组转字符串。

其功能是使用指定的分隔符将一个数组合并为单个字符串。

示例代码如下：

var delimitedString=myArray.join(delimiter);
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
//结果是jpg|bmp|gif|ico|png

字符串索引查找：indexOf与lastIndexOf

indexOf()函数用于查找字符索引。

其功能是返回字符串中匹配指定子串的第一个字符的索引位置。

var myString="JavaScript";
var w=myString.indexOf("v");w will be 2
var x=myString.indexOf("S");x will be 4
var y=myString.indexOf("Script");y will also be 4
var z=myString.indexOf("key");z will be -1 

lastIndexOf()函数用于反向查找。

该方法返回从右向左出现的某个字符或字符串的首个字符索引值，作用与indexOf相反。

其功能是返回字符串中指定内容的索引值。

示例代码如下：

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
//弹出值依次为：6,15

substr与substring方法区别详解

补充说明substr与substring方法的区别。

substr方法详解。

该方法返回一个从指定位置开始的、指定长度的子字符串。

语法格式为：stringvar.substr(start [, length ])。

参数说明如下。

stringvar

必选项。指定要提取子字符串的字符串文字或String对象。

start

必选项。指定子字符串的起始位置，字符串中第一个字符的索引为0。

length

可选项。指定返回的子字符串中包含的字符个数。

说明部分。

如果length为0或负数，将返回一个空字符串。若未指定该参数，则子字符串将延续到stringvar的末尾。

示例部分。

以下代码演示了substr方法的用法。

function SubstrDemo(){
 var s, ss;    // 声明变量。
 var s = "The rain in Spain falls mainly in the plain.";
 ss = s.substr(12, 5); // 获取子字符串。
 return(ss);    // 返回 "Spain"。
}

substring方法详解。

该方法返回位于String对象中指定位置的子字符串。

语法格式为： strVariable.substring(start, end) "String Literal".substring(start, end)

参数说明如下。

start

指明子字符串的起始位置，该索引从0开始计算。

end

指明子字符串的结束位置，该索引从0开始计算。

说明部分。

substring方法返回包含从start到最后（不包含end）的子字符串。

该方法使用start和end两者中的较小值作为子字符串的起始点。例如，strvar.substring(0, 3)与strvar.substring(3, 0)将返回相同的子字符串。

如果start或end为NaN或者负数，那么将其替换为0。

子字符串的长度等于start和end之差的绝对值。例如，在strvar.substring(0, 3)和strvar.substring(3, 0)返回的子字符串的长度是3。

示例部分。

以下代码演示了substring方法的用法。

function SubstringDemo(){
 var ss; // 声明变量。
 var s = "The rain in Spain falls mainly in the plain..";
 ss = s.substring(12, 17); // 取子字符串。
 return(ss); // 返回子字符串。
}

希望本文所述内容对JavaScript程序设计有所帮助。