[Javascript] 문자열에서 특정 문자열 치환하기 (replace)

 

Javascript의 문자열에서 '특정 문자열'을 찾아서 '치환'해주는 방법을 알아보도록 하겠습니다.

 

문자열 내의 특정 문자열을 치환해 주기 위해서

Javascript에서는 replace() 함수를 사용합니다.

 

replace()

string.replace(searchValue, newValue)

replace() 함수는 searchValue, newValue를 파라미터로 입력받고

문자열에서 searchValue를 찾아서 newValue로 치환합니다.

 

예제를 보면서, 사용 방법을 알아보도록 하겠습니다.

 

 

replace() 함수 사용하기

See the Pen replace by anna (@hianna) on CodePen.

 

 

replace() 함수를 사용하여, 문자열을 치환하는 간단한 예제입니다.

예제에서는 문자열에서 'banana'를 찾아서 'tomato'로 변경하였습니다.

replace() 함수는 원래의 문자열을 변경하지 않고, 'banana'가 'tomato'로 치환된 문자열을 리턴합니다.

 

 

replace() 함수는 첫 번째로 찾은 문자열만 치환해 줍니다.

See the Pen replace by anna (@hianna) on CodePen.

 

 

예제를 보면, 원래의 문자열에는 'banana'가 2번 등장합니다.

replace() 함수는 문자열에서 첫번째로 찾은 문자열만 치환해 주므로,

첫번째 'banana'만 'tomato'로 치환되고,

두 번째 'banana'는 그대로인 것을 확인할 수 있습니다.

 

모든 문자열을 치환하는 방법은 다음 포스팅을 참조하세요.

[Javascript] 모든 문자열 치환하기 (replace, replaceAll)

 

 

replace() 함수는 대소문자를 구분합니다.

See the Pen replace by anna (@hianna) on CodePen.

 

 

예제에서 원래 문자열은 'Banana'를 포함하고 있고, 첫 글자는 대문자입니다.

replace() 함수는 대소문자를 구분하기 때문에,

'banana'를 찾아서 변경하려고 시도하면 'Banana'는 다른 문자열로 인식되어 변경되지 않습니다.

 

대소문자를 구분하지 않고, 치환하는 방법은 다음 포스팅에서 알아보도록 하겠습니다.

[Javascript] replace() 함수 사용하여 대소문자 구분 없이 치환하기

 

 

문자열에서 특정 문자열을 찾아서 치환하는 함수인

replace() 함수의 사용법과 특징을 알아보았습니다.

다음 포스팅에서는

대소문자를 구분하지 않고 치환하는 방법

문자열에서 찾은 모든 문자열을 치환하는 방법

을 알아보도록 하겠습니다.