03.字符串和正则相关的方法.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /**
  10. * split()
  11. * -可以将一个字符串拆分为一个数组
  12. * -方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
  13. * -这个方法即使不指定全局匹配,也会全都拆分
  14. */
  15. /**
  16. * 根据任意字母来将字符串拆分
  17. */
  18. // var str = "1a2v3b4s5f6g7e8t";
  19. // var result = str.split(/[A-z]/);
  20. // console.log(result);
  21. /**
  22. * search()
  23. * -可以搜索字符串中是否含有指定内容
  24. * -如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到则返回-1
  25. * -它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串
  26. * -search()只会查找第一个,即使设置全局匹配也没用
  27. */
  28. // var str = "Hello abc Hello abc";
  29. // var result = str.search("abcd");
  30. // var result2 = str.search("abc");
  31. // console.log(result);//输出结果为-1
  32. // console.log(result2);//输出结果为6
  33. /**
  34. * 搜索字符串中是否含有abc 或aec 或afc
  35. */
  36. // var str = "Hello abc Hello aec afc";
  37. // var result = str.search(/a[bef]c/);
  38. // console.log(result);//输出结果为6
  39. /**
  40. * match()
  41. * -可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
  42. * -默认情况下我们的match只会找到第一个符合要求的内容,找到以后就停止检索
  43. * 我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
  44. * 可以为一个正则表达式设置多个匹配模式,且顺序无所谓
  45. * -match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果
  46. */
  47. // var str = "1A2v3b4s5f6g7E8T";
  48. // var result = str.match(/[A-z]/g);
  49. // var result2 = str.match(/[a-z]/gi);
  50. // console.log(result);//输出结果为['A', 'v', 'b', 's', 'f', 'g', 'E', 'T']
  51. // console.log(result2);//输出结果为['A', 'v', 'b', 's', 'f', 'g', 'E', 'T']
  52. /**
  53. * replace()
  54. * -可以将字符串中指定的内容替换为新的内容
  55. * -参数:
  56. * 1.被替换的内容,可以接受一个正则表达式作为参数
  57. * 2.新的内容
  58. * -默认只会替换第一个
  59. */
  60. var str = "1A2v3b4s5f6g7E8T";
  61. var result = str.replace(/[a-z]/gi,"@_@");
  62. var result2 = str.replace(/[a-z]/gi,"");
  63. console.log(result);//输出结果为:1@_@2@_@3@_@4@_@5@_@6@_@7@_@8@_@
  64. console.log(result2);//输出结果为:12345678
  65. </script>
  66. </head>
  67. <body>
  68. </body>
  69. </html>