Javascript 문자열 교체하기 (replace, replaceAll)

 

1. replace

사용법은 간단합니다

const Text = '안녕하세요\n이건\nTextArea에서\n작성된\n글입니다';

const empty = Text.replace('\n', ' ');
console.log(empty);
// 결과
// 안녕하세요 이건\nTextArea에서\n작성된\n글입니다

const br = Text.replace('\n', '<br>');
//  결과
// 안녕하세요<br>이건\nTextArea에서\n작성된\n글입니다

위의 코드와 같이 처음으로 발견된 문자열을 다음 인자값으로 교체해 줍니다.

 

그렇다면 전체를 바꾸어 주려면 어떻게 해야할까요?

 

아래와 같이 작성하시면 됩니다.

 

2. replaceAll

const Text = '안녕하세요\n이건\nTextArea에서\n작성된\n글입니다';

const empty = Text.replaceAll('\n', ' ');
// 결과
// 안녕하세요 이건 TextArea에서 작성된 글입니다

const br = Text.replaceAll('\n', '<br>');
//  결과
// 안녕하세요<br>이건<br>TextArea에서<br>작성된<br>글입니다

replaceAll을 사용하면 문자열을 발겨된 문자열 전체를 바꿀 수 있습니다.