問答

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

  • \d：匹配一個(gè)數(shù)字字符哑姚，等價(jià)于 [0-9]祭饭。
  • \w：匹配包括下劃線的任何單詞字符，等價(jià)于'[A-Za-z0-9_]'叙量。
  • [a-zA-Z0-9]：匹配a-z倡蝙、A-Z、0-9中的任意一個(gè)字符
  • \b：匹配一個(gè)單詞邊界绞佩，也就是指單詞和空格間的位置寺鸥，例如， 'er\b' 可以匹配"never" 中的 'er'品山，但不能匹配 "verb" 中的 'er'胆建。
  • .：匹配任何非"\n"的單個(gè)字符
  • *：匹配零次或多次
  • +：匹配一次或多次
  • ?：非貪婪模式
  • x{3}："{n}"匹配確定的次數(shù)n。
  • ^$：匹配輸入字符串的開始位置與結(jié)束位置

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

• 貪婪模式：貪婪模式在整個(gè)表達(dá)式匹配成功的前提下肘交，盡可能多的匹配

• 非貪婪模式：非貪婪模式在整個(gè)表達(dá)式匹配成功的前提下笆载，盡可能少的匹配

代碼

• 寫一個(gè)函數(shù)trim(str)，去除字符串兩邊的空白字符

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

• 使用實(shí)現(xiàn) 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, '')
      }
  }
  

• 寫一個(gè)函數(shù)isEmail(str)魄懂，判斷用戶輸入的是不是郵箱

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

• 寫一個(gè)函數(shù)isPhoneNum(str)沿侈，判斷用戶輸入的是不是手機(jī)號(hào)

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

• 寫一個(gè)函數(shù)isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長(zhǎng)度6-20個(gè)字符市栗，只能包括字母缀拭、數(shù)字、下劃線）

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

• 寫一個(gè)函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長(zhǎng)度6-20個(gè)字符填帽，包括大寫字母蛛淋、小寫字母、數(shù)字篡腌、下劃線至少兩種）

  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;
      }
  }
  

• 寫一個(gè)正則表達(dá)式褐荷，得到如下字符串里所有的顏色（#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)
  

• 補(bǔ)全如下正則表達(dá)式嘹悼，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)

  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));
  

• 補(bǔ)全如下正則表達(dá)式

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

本教程版權(quán)歸本人和饑人谷所有