3种js实现string的substring方法

JavaScript中实现字符串截取功能的三种方法详解

在JavaScript中，我们常常需要处理字符串截取的任务。除了内置的`substring()`方法外，还有许多其他方式可以实现这一功能。下面我将介绍三种常见的实现方式，希望这些方法能对你的学习和实践有所帮助。

方法一：使用`charAt()`方法逐个字符截取

我们可以通过`charAt()`方法逐个获取字符串中的字符，然后将它们放入新数组，最后通过`join("")`将数组转换为字符串。示例如下：

```javascript

String.prototype.mysubstring = function(beginIndex, endIndex) {

var str = this;

var newArr = [];

if (!endIndex) {

endIndex = str.length;

}

for (var i = beginIndex; i < endIndex; i++) {

newArr.push(str.charAt(i));

}

return newArr.join("");

};

```

测试代码："Hello world!".mysubstring(3)；返回"lo world!"。 "Hello world!".mysubstring(3, 7)；返回"lo w"。

方法二：将字符串转换为数组进行截取

我们可以先将字符串转换为字符数组，然后使用数组的`slice()`方法来截取特定的部分，最后再通过`join("")`将截取后的数组转回字符串。示例如下：

```javascript

String.prototype.mysubstring = function(beginIndex, endIndex) {

var str = this;

var strArr = str.split(""); // 将字符串转换为字符数组

if (!endIndex) {

endIndex = str.length; // 如果未指定endIndex，则默认为字符串长度

}

return strArr.slice(beginIndex, endIndex).join(""); // 使用slice截取并拼接成字符串返回

};

```

测试代码与上述相同。这种方法在处理长字符串时效率较高。

方法三：利用字符构建头尾模式进行截取 替换多余部分这种方法适用于特定情况，即当`beginIndex`较小且字符串长度减去`endIndex`较小的场景。其基本原理是首先构建出需要保留的头尾部分的字符模式，然后使用`replace()`方法替换掉多余的部分。示例如下： 这种方法相对复杂一些，但在特定场景下可能会更加高效。测试代码与上述相同。 这三种方法都有其适用场景和优缺点，你可以根据具体需求和场景选择最合适的方法。希望本文对你有所帮助！ 需要注意的是，这些方法是在原型上添加新的方法，因此使用时需要谨慎以避免与其他现有方法发生冲突。如果你对哪种方法感兴趣，可以尝试将其应用到实际项目中，看看效果如何。也欢迎你分享自己的经验和想法，一起交流学习！