JavaScript에서 문자열의 발생을 바꾸기
이 기사에서는 문자열의 발생을
replace
유형에서 제공하는 내장 replaceAll
및 String
메소드로 대체하는 방법과 이를 사용하는 방법에 대해 알아봅니다.이를 통해 문자열에서 하위 문자열의 발생을 대체하고 문자열의 새 버전을 반환할 수 있습니다.
두 메서드 모두 원래 문자열을 변경하지 않지만 지정된 하위 문자열이 새 값으로 대체된 새 문자열을 반환합니다. 방법을 알아보겠습니다.
String.replace 사용
replace
메서드는 두 가지 인수를 허용합니다.pattern
— 검색할 문자열입니다. 문자열 또는 정규식 패턴일 수 있습니다. replacement
— pattern
를 대체할 텍스트입니다. 문자열의 하위 문자열을 새 문자열로 바꾸고 새 문자열을 반환합니다.
통사론:
const newString = oldString.replace(pattern, replacement);
예를 살펴보겠습니다.
const quote = 'Voldamot is the greatest Wizard. Voldemort will rule the world!';
const newQuote = quote.replace('Voldamot','Harry Potter')
//outputs: Harry Potter is the greatest Wizard. Voldamot will rule the world!
여기에서는 하위 문자열
Voldamot
의 첫 번째 항목만 새 하위 문자열Harry Potter
로 대체되었습니다.replace
메서드를 사용하여 문자열의 모든 하위 문자열을 새 항목으로 바꾸려면 regular expression 을 사용해야 합니다.정규식 사용
const newString = oldString.replace(regex, replacement);
여기서
replace
메서드는 정규식을 searchValue
로 받아들입니다. 그런 다음 newSubstr
로 바꾸고 새 문자열을 반환합니다.const quote = 'Voldamot is the greatest Wizard. Voldemort will rule the world!';
const newQuote = quote.replace(/Voldamot/g,'Harry Potter')
//outputs: Harry Potter is the greatest Wizard. Harry Potter will rule the world!
전역 플래그
(g)
를 정규식 패턴에 전달하여 문자열에서 replace
의 모든 항목을 검색하고 Voldamot
로 바꾸도록 Harry Potter
메서드에 지시합니다.String.replaceAll 사용
하위 문자열의 모든 항목을
replace
메서드로 바꾸려고 시도하는 것은 상당한 해결 방법이 될 수 있습니다. String
유형은 이를 달성하는 데 더 간단한 방법인 replaceAll
를 제공합니다.const newString = oldString.replaceAll(pattern, replacement);
ES2021에 도입된
replaceAll
메서드는 String.replace 메서드의 속편입니다. replaceAll
메서드는 pattern
의 모든 항목이 전달된 replacement
로 대체되는 새 문자열을 반환합니다.예시:
const str = "David is a self-taught developer. David will rule the world!";
let newStr = str.replaceAll("David","Victor")
//output: Victor is a self-taught developer. Victor will rule the world!.
여기에는 정규 표현식이 필요하지 않으므로 프로세스가 원활하게 진행됩니다.
마무리
그리고 그게 다야.
String
유형은 문자열 발생을 대체하는 두 가지 방법을 제공합니다.replace()
: 하위 문자열의 첫 번째 항목만 교체로 바꾸고 정규 표현식도 허용하며 g
플래그를 사용하여 하위 문자열의 모든 항목을 새 항목으로 바꿉니다. replaceAll()
: 하위 문자열의 모든 항목을 바꿉니다. 방법이 더 간단합니다. 그리고 당신은 갈 수 있습니다! 읽어주셔서 감사합니다. 즐거운 코딩하세요!.
Reference
이 문제에 관하여(JavaScript에서 문자열의 발생을 바꾸기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/iamvictor/replace-occurrences-of-a-string-in-javascript-1clo텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)