자바스크립트 바꾸기

| | | | | | | | | | | | | | |

replace() 함수는 JavaScript 문자열의 텍스트를 바꾸는 데 사용됩니다. replace () 함수는 두 개의 인수를 취합니다. 교체할 하위 문자열과 그 자리를 차지할 새 문자열입니다. 정규식(p)을 사용하여 문자열의 텍스트를 바꿀 수도 있습니다.

문자열의 텍스트를 바꾸는 것은 모든 프로그래밍 언어에서 일반적인 작업입니다. 예를 들어, 프로그램이 작동하는지 확인하기 위해 문자열에서 일부 기호를 제거하고 싶을 수 있습니다.

이유가 무엇이든 JavaScript 문자열 이 유용할 수 있습니다.

이 가이드에서는 replace() JavaScript 문자열 함수를 살펴보고 어떻게 사용할 수 있는지 살펴보겠습니다. 텍스트를 수정하는 데 사용됩니다.

JavaScript Replace() 구문

JavaScript replace() 메서드는 문자열에서 패턴 또는 정규식을 검색합니다. 이러한 패턴이 문자열에서 발견되면 지정된 값으로 대체됩니다. replace()는 새 문자열을 반환합니다. 원래 문자열은 변경되지 않습니다.

replace() 메서드는 두 개의 인수를 사용합니다.

  • replace()를 검색하는 패턴 또는 정규식; 및
  • 첫 번째 인수에 지정된 패턴의 인스턴스를 대체해야 하는 문자열입니다.

이 구문을 살펴보겠습니다.

첫 번째 인수인 "Pi"는 내용을 교체하려는 패턴입니다. 두 번째 인수 "P"는 템플릿을 대체할 텍스트입니다. 따라서 우리 코드는 "Pi"를 "P"로 대체합니다.

저희 코드는 JavaScript 콘솔 . JavaScript에서 문자열을 편집할 수 없기 때문에 출력은 새 문자열입니다. 그것들은 불변입니다.

체인의 끝에 replace() 메소드가 추가됩니다. 값을 바꿀 문자열을 지정할 필요가 없습니다. 찾고자 하는 패턴과 해당 패턴의 인스턴스를 대체해야 하는 텍스트만 인수로 허용됩니다.

replace () JavaScript 예제

예를 들어 흥미로운 단어 by 흥미로운 문자열. 어떻게 하시겠습니까? replace() 메서드를 사용할 수 있습니다.

우리 코드는 다음과 같은 새 문자열을 반환합니다.

첫 번째 줄에서 ourInterestingString이라는 JavaScript 변수 를 선언합니다. 이 변수에는 흥미로운 문자열 값이 포함되어 있습니다. 다음 줄에서 JavaScript 문자열 바꾸기() 메서드를 사용하여 interesting이라는 단어를 interesting으로 바꿉니다.

채널에서 "interesting"이라는 단어가 "intriguing"으로 변경된 것을 볼 수 있습니다.

JavaScript Replace Multiple Sub-strings

문자열의 여러 부분을 교체하려는 경우 , 우리는 replace() 함수를 연결하여 그렇게 할 수 있습니다. 연결은 여러 개의 replace() 문을 차례로 배치하는 것을 의미합니다. 다음은 예입니다:

우리 코드는 다음을 반환합니다:

우리 코드는 " This "," string " 및" interesting 단어를 모두 대체합니다. "," Our ‚"," code ‚"," 놀라운! ‚",이라는 단어와 함께 각각. replace () 함수를 사용하여 문자열에서 세 단어를 세 단어로 대체합니다.

JavaScript string replace () using Regex

정규 표현식< /em> 또는 regex (p)는 검색 패턴을 정의합니다. 문자열에서 문자를 찾거나 바꾸려고 할 때 정규 표현식을 사용하는 것이 도움이 될 수 있습니다. regexp 개체는 < em>replace () 함수를 사용하면 더 흥미로운 대체 작업을 수행할 수 있습니다.

다음은 정규식을 사용하여 문자를 < 문자로 바꾸는 예입니다. em>f:

코드 출력은 다음과 같습니다.

우리 코드는 먼저 ourInterestingString 변수를 선언하고 이 문자열은 흥미롭습니다 값을 할당합니다. 다음으로, 코드는 전체 문자열의 각 e을 문자 f로 바꾸고 함수는 새 문자열을 반환합니다.

이 작업을 수행하기 위해 정규식 / 및 / g /을 사용합니다. 이 패턴은 모든 전체 문자열에 나타납니다(g의 의미).

정규 표현식에 대해 자세히 알아보려면 Regexr , 다양한 표현을 쉽게 시도할 수 있습니다.

요약

자바스크립트 바꾸기 함수()는 문자열의 일부를 다른 것으로 바꿀 수 있도록 하고 새로 수정된 문자열을 반환합니다. 정규식() 함수를 사용하면 다음을 수행할 수 있습니다. 동일하지만 더 많은 제어가 가능합니다.

이 튜토리얼에서 우리는 replace() JavaScript 함수를 사용하는 방법과 더 많은 adv를 수행하기 위해 정규 표현식 읽기를 사용하는 방법을 설명했습니다. 문자열의 대체 함수.

자바스크립트 프로그래밍 언어로 코딩하는 방법에 대해 자세히 알아보려면 자바스크립트 학습 방법 가이드를 읽어보세요. .