JavaScript截取字符串
JavaScript截取字符串教程
字符串 是一个不可改变的字节序列。字符串可以包含任意的数据，但是通常是用来包含可读的文本。
在开发的过程中，有时候我们需要获取字符串中的单个字符，或者获取字符串中的某一个片段，这时候就需要我们能够对 JavaScript 的字符串进行截取。
在 JavaScript 中，截取字符串有三种方法，分别为：使用 substring 函数、使用 substr 函数和使用 slice 函数。
JavaScript substring函数详解
语法
stringObject.substring(start,stop)
参数
| 参数 | 说明 |
|---|---|
| start | 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 |
| stop | 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。 |
返回值
返回 截取成功之后的字符串。
说明
substring 函数用于提取字符串中介于两个指定下标之间的字符。
JavaScript substr函数详解
语法
stringObject.substr(start,length)
参数
| 参数 | 说明 |
|---|---|
| start | 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。 |
| length | 可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。 |
返回值
返回截取成功之后的字符串。
说明
substr 函数可用于在字符串中抽取从 start 下标开始的指定数目的字符。
JavaScript slice函数详解
语法
stringObject.slice(start,end)
参数
| 参数 | 说明 |
|---|---|
| start | 必需。要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。 |
| length | 可选。紧接着要抽取的片段的结尾的下标。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。 |
返回值
返回截取成功之后的字符串。
说明
slice 函数用于提取字符串的某个部分，并以新的字符串返回被提取的部分。
案例
substring截取字符串
使用 substring 函数截取字符串
<!DOCTYPE html>
<html>
<head>
<title>JavaScript substring函数截取字符串</title>
<script type="text/javascript">
console.log("嗨客网(www.haicoder.net)");
var str = "Study JavaScript from HaiCoder";
var subStr1 = str.substring(6, 16);
console.log("SubStr1 =", subStr1);
var subStr2 = str.substring(6);
console.log("SubStr2 =", subStr2);
</script>
</head>
</html>
程序运行后，控制台输出如下：
首先，我们定义了一个字符串 变量，接着，我们使用 substring 函数实现了截取该字符串，第一次截取时，我们从第六个字符开始截取，截取到第十六个字符。
第二次截取时，我们没有传入第二个参数，即，从第六个字符开始，截取到最后一个字符。
substr截取字符串
使用 substr 函数截取字符串
<!DOCTYPE html>
<html>
<head>
<title>JavaScript substr函数截取字符串</title>
<script type="text/javascript">
console.log("嗨客网(www.haicoder.net)");
var str = "Study JavaScript from HaiCoder";
var subStr1 = str.substr(6, 10);
console.log("SubStr1 =", subStr1);
var subStr2 = str.substr(6);
console.log("SubStr2 =", subStr2);
var subStr3 = str.substr(-24);
console.log("SubStr3 =", subStr3);
</script>
</head>
</html>
程序运行后，控制台输出如下：
首先，我们定义了一个字符串变量，接着，我们使用 substr 函数实现了截取该字符串，第一次截取时，我们从第六个字符开始截取，截取十个字符。
第二次截取时，我们没有传入第二个参数，即，从第六个字符开始，截取到最后一个字符，最后一次截取时，我们第一个参数传递的是负数，即从最后开始倒数第 24 个字符开始截取。
slice截取字符串
使用 slice 函数截取字符串
<!DOCTYPE html>
<html>
<head>
<title>JavaScript slice函数截取字符串</title>
<script type="text/javascript">
console.log("嗨客网(www.haicoder.net)");
var str = "Study JavaScript from HaiCoder";
var subStr1 = str.slice(6, 16);
console.log("SubStr1 =", subStr1);
var subStr2 = str.slice(6);
console.log("SubStr2 =", subStr2);
</script>
</head>
</html>
程序运行后，控制台输出如下：
首先，我们定义了一个字符串变量，接着，我们使用 slice 函数实现了截取该字符串，第一次截取时，我们从第六个字符开始截取，截取到第十六个字符。
第二次截取时，我们没有传入第二个参数，即，从第六个字符开始，截取到最后一个字符。
JavaScript截取字符串总结
在 JavaScript 中，截取字符串有三种方法，分别为：使用 substring 函数、使用 substr 函数和使用 slice 函数。
