js编写trim()函数及正则表达式的运用

让我来详细讲解一下如何写js中的trim()函数以及正则表达式的运用。

编写js中的trim()函数

在js中，字符串的trim()函数可以去除字符串两端的空格，但是在一些老版本的浏览器中可能不支持。因此我们可以自己编写一个trim()函数来解决这个问题。

方法一：使用正则表达式

通过正则表达式，我们可以去掉字符串两端的空格。具体实现代码如下：

function trim(str) {
  return str.replace(/^\s+|\s+$/g, '');
}

这里使用了replace()函数和正则表达式，其中：

• ^\s+ 匹配字符串开头的空格
• \s+$ 匹配字符串末尾的空格
• g 表示全文查找

实际上，还有一种更简单直接的方式：

function trim(str) {
  return str.trim();
}

方法二：手动去除空格

通过循环遍历字符，手动去除字符串两端的空格。具体实现代码如下：

function trim(str) {
  var left = 0,
      right = str.length - 1;

  // 去除字符串开头的空格
  while (left <= right && str.charAt(left) == ' ') {
    left++;
  }

  // 去除字符串末尾的空格
  while (right >= 0 && str.charAt(right) == ' ') {
    right--;
  }

  // 返回去除空格后的字符串
  return str.substring(left, right + 1);
}

正则表达式的运用

正则表达式是用来匹配字符模式的工具，它经常被用来搜索、替换、验证以及提取文本中的模式。下面是两个例子来说明正则表达式的运用。

示例一：邮箱格式验证

假设我们需要验证一个字符串是否为邮箱格式，一种可以使用正则表达式实现的实现方式如下：

function isEmail(str) {
  var reg = /^(\w+)(\.\w+)*@(\w+)(\.\w+)+$/;
  return reg.test(str);
}

其中，/^(\w+)(.\w+)*@(\w+)(.\w+)+$/表示：

• ^ 匹配字符串的开头
• (\w+) 匹配多个字符或数字，+表示匹配一个或多个
• (.\w+) 匹配以"."开头的字符串，表示重复0到多次
• @ 匹配@字符
• (\w+) 匹配多个字符或数字
• (.\w+)+ 匹配以"."开头的字符串，+表示重复1到多次
• $ 匹配字符串的结尾

示例二：手机号码验证

假设我们需要验证一个字符串是否为手机号码格式，可以使用正则表达式实现的实现方式如下：

function isPhoneNum(str) {
  var reg = /^1[3456789]\d{9}$/;
  return reg.test(str);
}

其中，/^1[3456789]\d{9}$/表示：

• ^ 匹配字符串的开头
• 1 匹配数字1
• [3456789] 匹配3、4、5、6、7、8、9这些数字中的任意一个
• \d 匹配数字，等价于[0-9]
• {9} 匹配数字0-9重复9次
• $ 匹配字符串的结尾

这就是js编写trim()函数及正则表达式的运用的详细攻略了。希望对你有所帮助。