一、jstrim函数
在JavaScript中，字符串类型的数据有许多方法，其中有一个比较常用且实用的方法叫做trim()，通过这个方法可以去除字符串首尾的空格、回车、tab等空白符号。然而在实际开发中，我们会发现这个方法仅针对于首尾空白符号的去除，对于字符串内部的空白符号并不会有效。于是，jstrim这个函数应运而生。
jstrim函数有一下特点:
- 除了去除字符串首尾的空格、回车、tab外，还能去除字符串内部的空白符。
- 与原生的String.trim()方法相同，jstrim函数不会修改原始的字符串。
- jstrim函数和原生的String.trim()方法一样，可以作为字符串的方法或者全局函数调用。
二、jstrim函数用法
jstrim函数的用法和String.trim()方法非常相似。
var str = " jstrim function 解析 ";
// 使用方法一：作为String全局对象的方法
str = jstrim(str);
console.log(str); // 输出: 'jstrim function 解析'
// 使用方法二：作为字符串的方法
str = " jstrim function 解析 ".jstrim();
console.log(str); // 输出: 'jstrim function 解析'
通过以上代码我们可以看出，使用jstrim函数时，我们需要传递待处理的字符串作为函数的参数，然后该函数会返回已经处理好的字符串。
三、jstrim()方法
jstrim方法同样也是用来去除字符串的空白符：首尾空格、回车、tab等等，它能够去除字符串中的所有空白符。
下面是jstrim()方法的代码实现:
String.prototype.jstrim = function(){
return this.replace(/(^[\s\n\t]+)|([\s\n\t]+$)|([\s\n\t]{2,})/g,'');
};
上面这段代码中通过正则表达式去除三种类别的空白符:
- 只有首部
- 只有尾部
- 字符串内部存在两个或多个空白符连在一起的情况
如果是多个空白符，那么使用正则表达式时就要加上花括号，表示至少重复两次。
四、jstrim有什么规律
1、去掉字符串首尾空白符
2、去掉字符串内部空白符
3、可以作为String的全局函数或者方法调用，不会修改原始字符串的值
4、只会去除空白符号，对于其他符号，不做处理
5、jstrim()方法实现中，正则表达式是学习和掌握JavaScript正则表达式的经典例题。
五、trim相关做为小标题
1、去掉密码输入框里面的空格
在实际开发中，有时候用户在输入密码的时候可能会误输入空格，而这些空格又对密码验证造成了困难，我们可以使用jstrim函数来将输入的密码去掉空格，从而有效的避免这类问题的出现。
示例代码：
// 获取用户输入的密码
var password = document.getElementById('password').value;
// 去除首尾以及中间的空格
password = jstrim(password);
// 判断密码是否正确
if (password === "admin") {
// do something
}
2、去掉字符串里面的空白符
在大部分情况下，字符串中的 空白符 都是没有用处的，我们可以使用jstrim函数将字符串内部的空白符去掉，使其更为紧凑，更加美观简洁。
示例代码：
var str = " hello world ";
// 去掉字符串里面的空白符
str = jstrim(str);
console.log(str); // 输出: 'helloworld'
3、去掉输入框内容里面的多余空格
用户在输入表单的时候，有时候可能会误输入多余的空白符，为了防止这种情况的发生，我们可以在用户提交表单数据之前先使用jstrim函数将表单中的内容先清理掉。
示例代码：
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type === 'text') {
// 去掉输入框中的多余空格
inputs[i].value = jstrim(inputs[i].value);
}
}
以上是3个常见的使用场景，可以根据实际需求进行更多的扩展。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/206314.html
微信扫一扫 
支付宝扫一扫 