js prototype截取字符串函数

下面是详细讲解“js prototype截取字符串函数”的攻略：

1.为什么要使用prototype扩展字符串截取函数

在JavaScript中，可以使用String.prototype.substr以及String.prototype.substring两个函数来截取字符串，它们的使用方式和效果基本一致。但是这两个函数有着一些缺陷：

• substr函数在截取长度为0时，会返回空字符串；在截取负数长度时，将会从字符串尾部截取；
• substring函数对于负数的参数会直接转换为0，不能从字符串尾部截取。

因此我们有必要根据实际需求对这两个函数进行一些扩展。

2.使用prototype扩展字符串截取函数的方法

JavaScript中，String是一个内置对象，可以通过为其添加新的属性和方法来扩展它的功能。因此，我们可以通过在String.prototype上添加新的方法来扩展已有的截取函数。

下面是一个实现从指定位置开始截取指定长度的代码：

String.prototype.substringFromIndex = function(startIndex, len) {
    const endIndex = startIndex + len;
    return this.substring(startIndex, endIndex);
};

String.prototype.substrFromIndex = function(startIndex, len) {
    return this.substr(startIndex, len);
};

使用以上代码的方式，可以很方便地在原来的String对象基础上扩展出新的方法，使用起来具有较高的可读性。

3.使用两个示例说明使用扩展方法的方式

示例一：

const originalStr = 'hello world';
const subBySubstring = originalStr.substringFromIndex(1,3);
const subBySubstr = originalStr.substrFromIndex(1,3);
console.log(subBySubstring);  // "ell"
console.log(subBySubstr);  // "ell"

以上代码实现了从字符串的第二个字符开始截取三个字符，返回字符串“ell”。

示例二：

const originalStr = 'hello world';
const subBySubstring = originalStr.substringFromIndex(-2,3);
const subBySubstr = originalStr.substrFromIndex(-2,3);
console.log(subBySubstring);  // "ld"
console.log(subBySubstr);  // "ld"

以上代码实现了从字符串的尾部第三个字符开始截取三个字符，返回字符串“ld”。

通过以上两个示例我们可以发现，使用prototype扩展字符串截取函数，可以更加方便快捷地实现复杂的字符串截取。