JS中substring和substr的详细介绍与用法

概述

JavaScript中的substring()和substr()函数均可用于截取一个字符串的一部分，但它们的使用方式略有不同。

substring()

substring()函数用于截取字符串的一部分，并返回一个新的字符串。它接受两个参数，第一个参数是起始位置，第二个参数是结束位置（不含）。如果没有指定第二个参数，则截取到字符串末尾。

语法

string.substring(start, end)

参数

• start：截取的起始位置，必选参数。
• end：截取的结束位置（不含），可选参数。如果未指定，则默认为字符串的末尾位置。

示例

var str = "Hello, world!";
var substr = str.substring(0, 5);
console.log(substr);    // 输出：Hello

substr()

substr()函数也用于截取字符串的一部分，并返回一个新的字符串。它接受两个参数，第一个参数是起始位置，第二个参数是截取的长度。如果第二个参数未指定，则默认为截取到字符串末尾。

语法

string.substr(start, length)

参数

• start：截取的起始位置，必选参数。
• length：截取的长度，可选参数。如果未指定，则默认为截取到字符串末尾。

示例

var str = "Hello, world!";
var substr = str.substr(7, 5);
console.log(substr);    // 输出：world

区别

虽然两个函数都可用于截取字符串的一部分，但它们有以下几点区别：

1. substring()的第二个参数是截止位置（不含），而substr()的第二个参数是截取的长度。
2. substring()可以接受参数的顺序不同（第二个参数可在第一个参数前面），而substr()不行。
3. 如果第二个参数小于第一个参数，则substring()会自动交换两个参数的位置，而substr()不会。

总结

substring()和substr()函数都是常用于截取字符串的函数，但它们的参数和返回值略有不同。需要根据实际需求选择使用哪个函数，同时需要注意两者的区别。

参考文献

1. "JavaScript String substr() Method", W3Schools
2. "JavaScript String substr() Method", W3Schools