POTATO THAT WANT TO BE HUMAN

[JavaScript] 문자열 치환하기 - replace 본문

FRONTEND/JavaScript

[JavaScript] 문자열 치환하기 - replace

녜힝 2022. 1. 26. 19:35
반응형

Javascript에서 특정 문자열을 치환하고싶으신가요? 🔎

 

자바스크립트에서는 특정 문자열을 치환할 때 replace를 사용합니다.

 

string.replace(searchV, newV);

 

relpace()는 searchV를 찾아서 newV로 치환해줍니다.

예시를 볼까요?

 

let str = 'kim, lee, park';
let newStr = str.replace('lee', 'jeong');

console.log(str);  // kim, lee, park
console.log(newStr);  // kim, jeong, park

 

 

replace()는 여러개도 치환해주나요? 🔎🔎

 

아니요!!🙅‍♀️

 

예시를 보여드리겠습니다.

 

let str = 'kim, lee, park, kim';
let newStr = str.replace('kim', 'jeong');

console.log(str);  // kim, lee, park, kim
console.log(newStr);  // jeong, lee, park, kim

 

str변수에는 kim이 두번 등장합니다.

replace()를 이용해 kim을 jeong으로 치환했더니

첫번째 kim은 jeong으로 치환됐지만, 두번째 kim은 치환되지않고 그대로입니다.

 

이처럼 replace()는 첫번째로 찾은 문자열만 치환해줍니다. 💥

 

 

그럼 대소문자는 구분해주나요? 🔎🔎🔎

 

네!!🙆‍♀️

 

이번에도 예시로 갈까요

 

let str = 'Kim, Lee, Park';
let newStr = str.replace('lee', 'jeong');

console.log(str);  // Kim, Lee, Park
console.log(newStr);  // Kim, Lee, Park

 

이번에는 첫글자가 대문자인 Lee네요.

'lee'를 찾아서 치환하려하면 'Lee'는 다른 문자열로 인식되어 치환되지 않습니다.

 

이처럼 replace()는 대소문자를 구분합니다. 💥

 

 


 

 

근데 그럼 ...

만약에 내가 특정문자열 여러개를 치환하고 싶다면 어떡하냐구요??

 

다음 게시물에서 설명해드릴게요😉

 

 

반응형
Comments