자바스크립트 정규 표현식 JavaScript Regular Expressions

정규 표현식은 검색 패턴을 형성하는 일련의 문자열입니다. 텍스트에서 데이터를 검색할 때 이 검색 패턴을 사용하여 검색하는 내용을 걸려낼 수 있습니다. 정규식은 단일 문자이거나 더 복잡한 패턴이 될 수 있으며, 모든 유형의 텍스트 검색에 활용되거나 텍스트를 바꾸는 작업에도 사용될 수 있습니다.

 

정규 표현식의 사용법은 다음과 같습니다.

 

표현식에는 어떠한 패턴이 오게 되며, 다음에는 변경자(modifier)가 오게됩니다.

/pattern/modifiers;

 

 

JavaScript에서 정규식은 search( ) 및 replace( ) 메소드와 자주 사용됩니다. search( )는 정규 표현식을 사용하여 일치 항목을 검색하고, 일치된 항목의 위치를 ​​반환합니다. replace( ) 메소드는 패턴을 수정된 문자열로 반환합니다. 아래의 예문으로 이해해보도록 하겠습니다.

먼저, 일반적으로 search( )는 문자열에서 지정된 값을 검색하고 일치하는 위치를 반환합니다.

let text = "안녕하세요, 만나서 반갑습니다!";
let where = text.search("만나서");
console.log(where) // 반환값 7

search( ) 메소드를 정규 표현식과 함께 사용하면 다음과 같습니다. 변경자 i를 적어주면 대소문자를 구별하지 않고 검색하게 됩니다.

let text = "Please Bring your own FOOD!";
let where = text.search(/food/i);
console.log(where) // 리턴값 22

 

replace( ) 메소드 또한 일반적으로 지정된 문자열을 다른 문자열로 바꾸며, 표현식의 변경자를 넣으면, 해당 변경자의 특성을 반영하게 됩니다. 아래 예문 처럼, 정규식을 반영하면, 변경자 i의 특성에 따라 대소문자를 구분하지 않아서 첫 번째 food가 books로 바뀌게 됩니다.

반응형

1. 일반
let text = "Please bring the food, it should be your own FOOD!";
let result = text.replace("FOOD", "books");

//result
'Please bring the food, it should be your own books!'

2. 정규식 사용
let text = "Please bring the food, it should be your own FOOD!";
let result = text.replace(/FOOD/i, "books");

result
'Please bring the books, it should be your own FOOD!'