반응형
만약 "Test abc test test abc test test test abc test test abc" 문자열에서 abc를 제거하기 위해 replace() 함수를 아래와 같이 작성해서 실행해보면..
<script>
var text = "Test abc test test abc test test test abc test test abc";
console.log(text.replace("abc", ""));
</script>결과는 해당 문자열에서 처음으로 찾은 "abc" 텍스트만 replace(문자열전환)가 먹히게 됩니다.
Test test test abc test test test abc test test abc
그리하여~! 보통은 아래와 같이 정규식을 사용합니다.
var text = "Test abc test test abc test test test abc test test abc";
console.log(text.replace(/abc/g, ""));
정규식 함수를 사용하는 다른 방법도 있습니다.
var str = "Test abc test test abc test test test abc test test abc";
var find = "abc";
var re = new RegExp(find, "g");
str = str.replace(re, "");
console.log(str);
그런데 ES6 이상을 지원하는 브라우저를 사용한다면? replaceAll라는 함수를 사용할 수 있습니다.
<html>
<head>
<title>테스트</title>
<script>
let text = "Test abc test test abc test test test abc test test abc";
console.log(text.replaceAll("abc", ""));
</script>
</head>
</body>
</html>
결과)
 |
반응형
'IT이야기' 카테고리의 다른 글
| JavaScript 함수 호출에서 인수 미리 설정하는 방법 (0) | 2021.03.21 |
|---|---|
| 최고의 Drupal 배포 전략 (0) | 2021.03.21 |
| Javascript로 이메일주소 정합성 체크하기 (이메일주소 검증, 정규식) (0) | 2021.02.22 |
| INNER JOIN, LEFT OUTER JOIN, RIGHT OUTER JOIN, FULL JOIN의 차이점 (0) | 2021.02.18 |
| Javascript "let"와 "var"의 차이점 (0) | 2021.02.18 |