자바스크립트에서는 교체() 메서드 문자열을 조작하는 데 사용됩니다. 이를 통해 문자열의 특정 부분을 검색할 수 있습니다. 하위 문자열 을 선택한 다음 다른 것으로 교체하세요. 하위 문자열 . 좋은 점은 이 방법이 원래 문자열을 변경하지 않습니다 , 원본 데이터의 무결성을 유지하려는 작업에 이상적입니다. 사용방법 이해하기 바꾸다() JavaScript에서 문자열을 효과적으로 작업하는 능력을 향상시킬 수 있습니다.

통사론:

str.replace(value1, value2); 

• 값1: 대체할 정규식입니다.
• 값2: 주어진 문자열의 내용을 대체할 문자열입니다.

반환 값:

대체된 항목이 포함된 새 문자열을 반환합니다.

문자열 바꾸기() 메서드 예:

다음은 string.replace() 메서드의 예입니다.

let string = 'GeeksForGeeks'; let newstring = string.replace('GeeksForGeeks', 'GfG'); console.log(newstring); 

GfG 

설명:

• 문자열 string> 값이 할당됩니다 'GeeksForGeeks'> .
• 그만큼 replace()> 메서드가 호출됩니다. string> , 하위 문자열 검색 'GeeksForGeeks'> 그리고 그것을로 대체 'GfG'> .
• 전체 문자열부터 'GeeksForGeeks'> 일치하는 경우 다음으로 대체됩니다. 'GfG'> .
• 새로운 문자열 'GfG'> 변수에 할당됩니다 newstring> .
• newstring> 콘솔에 기록됩니다.

문자열 바꾸기() 메서드 예:

여기서 GeeksForGeeks 문자열의 내용은 gfg로 대체됩니다.

 // Assigning a string  let string = 'GeeksForGeeks is a CS portal';    // Calling replace() method  let newstring = string.replace(/GeeksForGeeks/, 'gfg');    // Printing replaced string  console.log(newstring); 

gfg is a CS portal 

설명:

• 문자열 string> 값이 할당됩니다 'GeeksForGeeks is a CS portal'> .
• 그만큼 replace()> 메서드가 호출됩니다. string> , 정규 표현식을 사용하여 하위 문자열 일치 'GeeksForGeeks'> 그리고 그것을로 교체 'gfg'> .
• 첫 번째 발생 'GeeksForGeeks'> 문자열은 다음으로 대체됩니다. 'gfg'> .
• 수정된 문자열이 변수에 할당됩니다. newstring> .
• 교체된 문자열 newstring> 콘솔에 기록됩니다.

문자열 바꾸기() 메서드 예:

다음은 string.replace() 메서드의 예입니다.

// Taking a regular expression let re = /GeeksForGeeks/; // Taking a string as input let string = 'GeeksForGeeks is a CS portal'; // Calling replace() method to replace // GeeksForGeeks from string with gfg let newstring = string.replace(re, 'gfg'); // Printing new string with replaced items console.log(newstring); 

gfg is a CS portal 

설명:

• 정규식 re> 하위 문자열과 일치하도록 정의되었습니다. 'GeeksForGeeks'> .
• 문자열 string> 값이 할당됩니다 'GeeksForGeeks is a CS portal'> .
• 그만큼 replace()> 메서드가 호출됩니다. string> , 정규식 사용 re> 하위 문자열과 일치시키기 위해 'GeeksForGeeks'> 그리고 그것을로 교체 'gfg'> .
• 첫 번째 발생 'GeeksForGeeks'> 문자열은 다음으로 대체됩니다. 'gfg'> .
• 수정된 문자열이 변수에 할당됩니다. newstring> .
• 교체된 문자열 newstring> 콘솔에 기록됩니다.

문자열의 여러 위치에서 동일한 단어를 바꿀 수도 있습니다. 글로벌 대체품으로 알려져 있습니다.

문자열 바꾸기() 메서드 예:

이 예에서는 문자열에서 다양한 유사한 단어를 바꾸는 방법을 설명합니다.

// Assigning a string let string = 'GeeksForGeeks is a CS portal.' +  'In GeeksForGeeks we can learn multiple languages.' +  'geeksForGeeks is a great place.'; // Calling replace() method let newstring = string.replace(/GeeksForGeeks/g, 'Gfg'); // Printing replaced string console.log(newstring); 

Gfg is a CS portal.In Gfg we can learn multiple languages.geeksForGeeks is a great place. 

설명:

• 여러 줄 문자열 string> 하위 문자열이 여러 번 할당됩니다. 'GeeksForGeeks'> .
• 그만큼 replace()> 메서드가 호출됩니다. string> , 전역 플래그( /g> ) 하위 문자열의 모든 항목과 일치합니다. 'GeeksForGeeks'> 대소문자를 구분하여 다음으로 대체합니다. 'Gfg'> .
• 다음의 모든 발생 'GeeksForGeeks'> 문자열에서 다음으로 대체됩니다. 'Gfg'> .
• 수정된 문자열이 변수에 할당됩니다. newstring> .
• 교체된 문자열 newstring> 콘솔에 기록됩니다.

JavaScript 문자열 바꾸기() 메서드 – 사용 사례:

1. JavaScript 문자열 바꾸기All() 메서드

자바스크립트 모두 다 바꿔() 메서드는 문자열의 모든 일치 항목을 지정된 문자열 또는 정규식으로 바꾼 후 새 문자열을 반환합니다. 이 작업 후에 원래 문자열은 변경되지 않고 그대로 유지됩니다.

2. JavaScript에서 문자열의 모든 항목을 바꾸는 방법은 무엇입니까?

JavaScript에서 문자열의 모든 항목을 바꾸려면 정규식 및 g 플래그와 함께 교체() 메서드를 사용할 수 있습니다.

우리는 Javascript 문자열 메소드의 전체 목록을 가지고 있습니다. 이를 확인하려면 다음을 수행하십시오. 자바스크립트 문자열 전체 참조 기사.

지원되는 브라우저:

• Google 크롬 1 이상
• 엣지 12 이상
• 파이어폭스 1 이상
• 인터넷 익스플로러 5.5 이상
• 오페라 4 이상
• 사파리 1 이상