JavaScript의 replace() 메서드는 문자열에서 특정 패턴(문자열 또는 정규식)을 검색하여 해당 패턴을 새로운 문자열로 치환하는 메서드입니다. 이를 통해 문자열 내에서 원하는 부분을 변경하거나 제거하는 작업을 할 수 있습니다.
replace() 메서드의 구문은 다음과 같습니다:
const newString = originalString.replace(searchValue, newValue);
originalString: 원본 문자열입니다.replace()메서드는 원본 문자열을 직접 변경하지 않고, 새로운 문자열을 반환합니다.searchValue: 변경하고자 하는 대상을 나타내는 패턴(문자열 또는 정규식)입니다.newValue:searchValue와 일치하는 부분을 찾았을 때 대체할 새로운 값입니다.
searchValue는 문자열 또는 정규식이 될 수 있습니다. 문자열로 검색하는 경우, 첫 번째 발견된 하나만 바뀝니다. 정규식으로 검색하는 경우, 기본적으로 첫 번째 발견된 하나만 바뀝니다. 하지만 정규식에 g 플래그를 추가하여 전역 검색(global search)을 활성화하면 모든 발견된 부분이 바뀝니다.
예시를 살펴봅시다:
const originalString = "Hello, world! Hello, world!";
const replacedString = originalString.replace("world", "JavaScript");
console.log(replacedString); // "Hello, JavaScript! Hello, world!"
const regex = /Hello/g;
const replacedStringRegex = originalString.replace(regex, "Hi");
console.log(replacedStringRegex); // "Hi, world! Hi, world!"
위의 예시에서 replace() 메서드를 사용하여 원본 문자열 originalString에서 “world”를 “JavaScript”로 바꿨습니다. 그리고 정규식 /Hello/g를 사용하여 “Hello”를 “Hi”로 바꿨습니다. g 플래그를 사용했기 때문에 모든 “Hello”가 “Hi”로 바뀌었습니다.
참고로, replace() 메서드는 원본 문자열을 직접 변경하지 않고 새로운 문자열을 반환합니다. 따라서 originalString은 변경되지 않습니다. 만약 원본 문자열을 변경하고자 한다면, replace() 메서드의 결과를 다시 변수에 할당하거나 원본 문자열에 직접 대입해야 합니다.
📚 Related Posts
- JavaScript Promise 기본부터 고급 활용까지
- JavaScript의 Reduce 메서드 이해하기
- JavaScript에서 공백 제거하는 방법(trim, 정규식)
- Javascript replace 예제
- Javascript type conversion(형변환)
- JavaScript setTimeout: 웹 개발에서의 시간 지연
- Javascript queryselector 사용예제
- Javascript foreach 사용예제
- Javascript map 사용방법
- Javascript array sort(배열 정렬)
- Promise.all과 Promise.race의 차이점
- lodash 사용예제 (map, filter, reduce, sortBy)
- Javascript 에서 array 중복을 제거하는 방법
