Javascript中实现trim()函数的两种方法

在JavaScript中，我们经常需要处理字符串并移除其前后的空白字符。JavaScript本身并没有提供内置的trim函数，因此我们需要自行实现。以下是两种常见的实现方法。

方案一：通过原型扩展

我们可以扩展String对象的原型，为其增加trim、ltrim和rtrim方法，使得所有字符串都能直接调用这些方法。

代码如下：

```javascript

String.prototype.trim = function() {

return this.replace(/(^\s)|(\s$)/g, "");

}

String.prototype.ltrim = function() {

return this.replace(/(^\s)/g, "");

}

String.prototype.rtrim = function() {

return this.replace(/(\s$)/g, "");

}

```

使用示例：

假设页面有一个输入框，其id为'abc'，我们可以这样使用：

```javascript

alert(document.getElementById('abc').value.trim());

alert(document.getElementById('abc').value.ltrim());

alert(document.getElementById('abc').value.rtrim());

```

方案二：作为工具函数使用

如果不想通过扩展原型的方式，我们也可以将这些功能封装为独立的函数。这样，我们可以更灵活地调用它们，处理特定的字符串。

代码如下：

```javascript

function trim(str) {

return str.replace(/(^\s)|(\s$)/g, "");

}

function ltrim(str) {

return str.replace(/(^\s)/g, "");

}

function rtrim(str) {

return str.replace(/(\s$)/g, "");

}

```

使用示例：

同样地，假设页面有一个输入框，其id为'abc'，我们可以这样使用这些工具函数：

```javascript

alert(trim(document.getElementById('abc').value));

alert(ltrim(document.getElementById('abc').value));

alert(rtrim(document.getElementById('abc').value));

```

这两种方法都能很好地实现字符串的前后去空格功能。你可以根据自己的需求选择最合适的方式。无论选择哪种方式，都能使你的代码更加简洁、易读。