前端正则表达式妙用大赏

1. 校验电话号码

function isValidPhoneNumber(phoneNumber) {
  const regex = /^\d{3}-\d{3}-\d{4}$/;
  return regex.test(phoneNumber);
}

2. 提取电子邮件地址

function getEmailAddress(text) {
  const regex = /\w+@\w+\.\w+/;
  return text.match(regex);
}

3. 查找包含特定单词的字符串

function findWordsContainingWord(text, word) {
  const regex = new RegExp(`\\b${word}\\b`, 'i');
  return text.match(regex);
}

4. 替换所有匹配的字符串

function replaceAll(text, find, replace) {
  const regex = new RegExp(find, 'g');
  return text.replace(regex, replace);
}

5. 分割字符串

function splitString(text, separator) {
  const regex = new RegExp(separator);
  return text.split(regex);
}

6. 检查字符串是否包含特定字符

function containsCharacter(text, character) {
  const regex = new RegExp(character);
  return regex.test(text);
}

7. 提取字符串中的数字

function extractNumbers(text) {
  const regex = /\d+/g;
  return text.match(regex);
}

8. 验证密码强度

function isPasswordStrong(password) {
  const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$/;
  return regex.test(password);
}

9. 查找字符串中的网址

function findUrls(text) {
  const regex = /(https?:\/\/[^ ]*)/g;
  return text.match(regex);
}

10. 删除字符串中的特殊字符

function removeSpecialCharacters(text) {
  const regex = /[^a-zA-Z0-9 ]/g;
  return text.replace(regex, '');
}

结论

正则表达式是JavaScript中用于匹配字符串的强大工具。在前端开发中，我们经常需要进行表单验证、搜索和字符替换等操作，而正则表达式可以帮助我们轻松实现这些任务。本文介绍了一些常用的正则表达式用法，希望对你有帮助。