关注小众语言、AI技术，记录、分享技术点滴！

0%

Javascript trim()函数实现

发表于 更新于 分类于

在JavaScript中我们需要用到trim的地方很多，但是JavaScript又没有独立的trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。
方案一： 以原型方式调用，即obj.trim()形式，此方式简单且使用方面广泛，定义方式如下： 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
/** * 删除左右两端的空格 */
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,'');
}
//使用示例如下：
alert(document.getElementById('abc').value.trim());
alert(document.getElementById('abc').value.ltrim());
alert(document.getElementById('abc').value.rtrim());
``` 
方案二： 以工具方式调用，即trim(obj)的形式，此方式可以用于特殊处理需要，定义方式如下： 
```js
/** * 删除左右两端的空格 */
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,'');
}
//使用示例如下：
alert(trim(document.getElementById('abc').value));
alert(ltrim(document.getElementById('abc').value));
alert(rtrim(document.getElementById('abc').value));