JavaScript String substring() 方法



JavaScript String substring() 方法用于从原始字符串中检索字符串的一部分,从指定的 startIndex 到 indexEnd(不包括此),如果未指定 indexEnd,则提取到字符串的末尾。

如果 indexStart 值大于 indexEnd 参数值,则参数将被交换。例如,如果 indexStart = 5 且 indexEnd = 2,则 (5, 2) 等效于 (2, 5)。如果 indexStart 或 indexEnd 小于零,则将其视为 0。

语法

以下是 JavaScript String substring() 方法的语法 -


 substring(indexStart, indexEnd)

参数

此方法接受两个参数:'indexStart' 和 'indexEnd',如下所述 -

  • indexStart − 提取字符串 start 的起始位置。
  • indexEnd − 从该位置提取到字符串的结束位置,不包括此位置。

返回值

此方法从两个索引之间的原始字符串返回一个新字符串。

示例 1

如果我们省略 indexEnd 参数,则 sustring() 方法会提取从指定的 indexStart 位置开始到字符串末尾的子字符串。

在下面的程序中,我们使用 JavaScript String substring() 方法从原始字符串 “Qikepu Com” 中提取字符串的一部分。提取从指定的 indexStart 7 开始,一直持续到字符串的末尾。


<html>
<head>
<title>JavaScript String substring() Method</title>
</head>
<body>
<script>
	 	const str = "Qikepu Com";
	 	let indexStart = 7;
	 	document.write("Original string: ", str);
	 	document.write("<br>Start index: ", indexStart);
	 	document.write("<br>Extracted string: ", str.substring(indexStart));
</script> 	 	
</body>
</html>

输出

上面的程序返回一个新字符串 “Com”。

Original string: Qikepu Com
Start index: 7
Extracted string: Com

示例 2

如果我们将 indexStart 和 indexEnd 参数都传递给此方法,它会从 indexStart 开始提取字符串,直到 indexEnd(不包括这个)。

这是 JavaScript substring() 方法的另一个示例。我们使用此方法从索引 5 和 15 之间的字符串 “Hypertext Markup Language” 中提取字符串的一部分。


<html>
<head>
<title>JavaScript String substring() Method</title>
</head>
<body>
<script>
	 	const str = "Hypertext Markup Language";
	 	let indexStart = 5;
	 	let indexEnd = 16;
	 	document.write("Original string: ", str);
	 	document.write("<br>Indices are: ", indexStart, ", ", indexEnd);
	 	document.write("<br>Extracted string: ", str.substring(indexStart, indexEnd));
</script> 	 	
</body>
</html>

输出

执行上述程序后,它返回一个新字符串 -

Original string: Hypertext Markup Language
Indices are: 5, 16
Extracted string: text Markup

示例 3

如果 indexStart 值大于 indexEnd 参数值,则将交换参数。

如前所述,如果 indexStart 大于 indexEnd,则将交换参数,以便交换索引 (5, 2) 并等于索引 (2, 5)。


<html>
<head>
<title>JavaScript String substring() Method</title>
</head>
<body>
<script>
	 	const str = "Hello World";
	 	let indexStart = 5;
	 	let indexEnd = 2;
	 	document.write("Original string: ", str);
	 	document.write("<br>Indices are: ", indexStart, ", ", indexEnd);
	 	document.write("<br>Extracted string(2, 5): ", str.substring(indexStart, indexEnd));
</script> 	 	
</body>
</html>

输出

上面的程序返回一个新的子字符串 “llo”。

Original string: Hello World
Indices are: 5, 2
Extracted string(2, 5): llo