问答

• \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?

  • \d：匹配一个数字字符，等价于 [0-9]。
  • \w：匹配包括下划线的任何单词字符，等价于'[A-Za-z0-9_]'。
  • [a-zA-Z0-9]：匹配a-z、A-Z、0-9中的任意一个字符
  • \b：匹配一个单词边界，也就是指单词和空格间的位置，例如， 'er\b' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。
  • .：匹配任何非"\n"的单个字符
  • *：匹配零次或多次
  • +：匹配一次或多次
  • ?：非贪婪模式
  • x{3}："{n}"匹配确定的次数n。
  • ^$：匹配输入字符串的开始位置与结束位置

• 贪婪模式和非贪婪模式指什么?

• 贪婪模式：贪婪模式在整个表达式匹配成功的前提下，尽可能多的匹配

• 非贪婪模式：非贪婪模式在整个表达式匹配成功的前提下，尽可能少的匹配

代码

• 写一个函数trim(str)，去除字符串两边的空白字符

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

• 使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则

  function hasClass(el, cls) {
      var reg = new RegExp('(\\s|^)' + cls + '(\\b|$)', 'g');
      return reg.test(el.className);
  }
  
  function addClass(el, cls) {
      if (!hasClass(el, cls)) {
          el.className = el.className + cls
      }
  }
  
  function removeClass(el, cls) {
      if (hasClass(el, cls)) {
          el.className = el.className.replace(cls, '')
      }
  }
  

• 写一个函数isEmail(str)，判断用户输入的是不是邮箱

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

• 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号

  function isPhoneNum(str) {
      var reg = /^1[3,4,5,7,8,9][0-9]{9}$/;
      return reg.test(str)
  }
  

• 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）

  function isValidUsername(str) {
      var reg = /^\w{6,20}$/
      return reg.test(str)
  }
  

• 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，包括大写字母、小写字母、数字、下划线至少两种）

  function isValidPassword(str) {
      var reg = /^[a-zA-Z0-9_]{6,20}$/
  
      if (reg.test(str)) {
          var a = 0
          if (/[a-z]/.test(str)) {
              a++
          }
          if (/[A-Z]/.test(str)) {
              a++
          }
          if (/[0-9]/.test(str)) {
              a++
          }
          if (/[_]/.test(str)) {
              a++
          }
      }
      if (a > 1) {
          return true;
      } else {
          return false;
      }
  }
  

• 写一个正则表达式，得到如下字符串里所有的颜色（#121212）

  var re = /#[a-fA-F0-9]{6}|#[a-fA-F0-9]{3}\b/g;
  var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 ";
  console.log(subj.match(re));
  

• 下面代码输出什么? 为什么? 改写代码，让其输出hunger, world.

  var str = 'hello  "hunger" , hello "world"';
  var pat = /".*?"/g;
  str.match(pat)
  

• 补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)

  str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
  re = /<[^>]*>/g
  console.log(str.match(re));
  str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
  re = /<\D+?>/g
  console.log(str.match(re));
  

• 补全如下正则表达式

  var re = /<[^>]+>/g
  var str = '<> <a href="/"> <input type="radio" checked> <b>'
  console.log(str.match(re)); // '<a href="/">', '<input type="radio" checked>', '<b>'
  

本教程版权归本人和饥人谷所有