JavaScript - 정규표현식 사용함수 예제

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>JavaScript</title>
</head>
<body>
 <script type="text/javascript">
  var str = "The World Wide Web (abbreviated WWW or the Web) is an information space where documents and other web resources are identified by Uniform Resource Locators (URLs), interlinked by hypertext links, and can be accessed via the Internet.From https://en.wikipedia.org/wiki/World_Wide_Web";
  var reg1 = /Web/;
  //정규표현식 "/Web/"를 찾아서 있는지 검사, "Web"이 있으면 true 없으면 false
  var reg1result = reg1.test(str);
  console.log(reg1result);

  //정규표현식 "/web/"를 찾아서 있는지 검사, "Web"이 있으면 배열로 반환, 없으면 null
  var reg2 = /web/; //소문자 web을 찾는 패턴
  var reg2result = reg2.exec(str);
  console.log(reg2result);
  //reg2test[0] = "web"
  //reg2test.index=98, 처음 소문자 web이 발견된 위치
  //reg2test.input = "The World Wide Web..."
  //reg2test.length = 1

  //정규표현식 "/web/i"를 찾아서 있는지 검사
  //대소문자에 관계없이"Web"이 있으면 배열로 반환, 없으면 null
  var reg3 = /web/i; //대소문자 가리지 않고 web을 찾는 패턴
  var reg3result = reg3.exec(str);
  console.log(reg3result);
  //reg3test[0] = "web"
  //reg3test.index=15, 대소문자에 관례 없이 처음 web이 발견된 위치
  //reg3test.input = "The World Wide Web..."
  //reg3test.length = 1

  //정규표현식 "/web/gi"를 찾아서 있는지 찾아서 모두 배열로 반환
  //g는 전체를 대상으로 모두 찾는 flag이고 i는 대소문자 구문 않는 flag이다
  //대소문자에 관계없이"Web"이 있으면 배열로 반환, 없으면 null
  var reg4 = /web/gi; //대소문자 가리지 않고 전체 범위에서 web을 찾는 패턴
  var reg4result = str.match(reg4);
  console.log(reg4result);
  //reg4test[0] = "Web"
  //reg4test[1] = "Web"
  //reg4test[2] = "web", 세번째 소문자로 시작하는 web
  //reg4test[3] = "Web"
  //reg4test.length = 4

  //정규표현식 "/web/i"를 찾아서 처음 만나는 검색어의 위치를 숫자로 반환
  //발견하지 못하면 -1 반환
  var reg5 = /web/i; //대소문자 가리지 않고 전체 범위에서 web을 찾는 패턴
  var reg5result = str.search(reg4);
  console.log(reg5result); //15, 15번째에 web이 처음 발견됨

  //정규표현식 "/web/gi"를 모두 찾아서 "WOW"로 치환
  var reg6 = /web/gi;
  var reg6result = str.replace(reg6, "WOW");
  console.log(reg6result);

  //정규표현식 "/web/"을 기준으로 문자열을 나눠서 배열로 저장
  var reg7 = /web/i;
  var reg7result = str.split(reg7);
  console.log(reg7result);
  //reg6test[0] = "The World Wide "
  //reg6test[1] = " (abbreviated WWW or the "
  //reg6test[2] = ") is an information space where documents and other "
  //reg6test[3] = " resources are identified by Uniform Resource ..."
  //reg6test[4] = ""
 </script>
</body>
</html>