首页 理论教育JavaScript字符串截取示例

JavaScript字符串截取示例

【摘要】:◇ endIndex:可选参数,表示截取字符串的结束位置;如果是负数,表示截取到倒数第endIndex个字符;如果缺少该参数,则截取到最后一个字符。图10.4.5使用slice()截取字符串2.substr()方法substr()是指从指定位置截取指定长度的子字符串,语法如下:参数说明:◇ str:表示字符串、字符串变量或字符串对象。图10.4.7使用substring()截取字符串提示slice()、substring()这两个函数在截取字符串时都不包括参数endIndex表示的字符。

1.slice()方法

slice()是指在指定起始位置到结束位置之间截取字符串,注意只包括起始位置的字符,不包括结束位置的字符,语法如下:

参数说明:

◇ str:表示字符串、字符串变量或字符串对象。

◇ startIndex:必选参数,表示截取字符串的起始位置,注意下标0表示第一个字符;如果是负数,则从倒数第startIndex个字符开始截取,比如-1表示倒数第一个,-2表示倒数第二个。

◇ endIndex:可选参数,表示截取字符串的结束位置;如果是负数,表示截取到倒数第endIndex个字符(不含该字符);如果缺少该参数,则截取到最后一个字符。

10.4.5.html使用slice()截取字符串,如下所示。

动手写10.4.5

执行10.4.5.html,输出结果到网页,如下图所示。

图10.4.5 使用slice()截取字符串

2.substr()方法

substr()是指从指定位置截取指定长度的子字符串,语法如下:

参数说明:

◇ str:表示字符串、字符串变量或字符串对象。

◇ startIndex:必选参数,表示截取字符串的起始位置,注意下标0表示第一个字符;如果是负数,则从倒数第startIndex个字符开始截取。

◇ length:可选参数,表示截取的字符数量;如果缺少该参数,则截取到最后一个字符。

10.4.6.html使用substr()截取字符串,如下所示。

动手写10.4.6

执行10.4.6.html,输出结果到网页,如下图所示。

图10.4.6 使用substr()截取字符串

3.substring()方法

substring()是指在指定起始位置到结束位置之间截取字符串,注意只包括起始位置的字符,不包括结束位置的字符,语法如下:(www.chuimin.cn)

参数说明:

◇ str:表示字符串、字符串变量或字符串对象。

◇ startIndex:必选参数,表示截取字符串的起始位置,如果startIndex或endIndex不大于0,则将其当作0。

◇ endIndex:可选参数,表示截取字符串的结束位置;如果startIndex等于endIndex,则返回空字符串;如果startIndex大于endIndex,则交换这两个参数之后再截取;如果缺少该参数,则截取到最后一个字符。

10.4.7.html使用substring()截取字符串,如下所示。

动手写10.4.7

执行10.4.7.html,输出结果到网页,如下图所示。

图10.4.7 使用substring()截取字符串

提示

slice()、substring()这两个函数在截取字符串时都不包括参数endIndex表示的字符。

4.trim()方法

当字符串首尾包含一些空白符号时,可以使用trim()函数删除首尾的空白符号,包括空格、制表符、换行符、终止符。比如,在注册账号的网页上,用户输入用户名时全部使用了空格,此时使用trim()将首尾空格删除后发现用户没有输入任何有效字符,在用户提交注册表单时提示用户输入正确的用户名信息。

trim()函数不接收任何参数,语法如下:

参数说明:

◇ str:表示字符串、字符串变量或字符串对象。10.4.8.html使用trim()删除字符串首尾的空白符号,如下所示。

动手写10.4.8

执行10.4.8.html,输出结果到网页,如下图所示。

图10.4.8 使用trim()删除字符串首尾的空格

提示

JavaScript字符串的trim()函数只能删除指定的空白符号,如果需要同时删除其他符号,可以使用replace()函数将其他字符替换为空字符。