[JavaScript] replace 함수 - 개념 및 간단 정규식

IBBI·2024년 1월 26일

JavaScript

목록 보기
1/3

replace


변수.replace(”찾을 문자열”, “변경할 문자열”);

  • 문자열 변수의 특정 문자를 제거하거나 모든 공백을 없앨 때 사용.
  • 새로운 문자열 반환.
  • .replace()는 첫 번째로 발견한 문자열 1개만 치환됨.
  • 정규식 표현을 통해 변경하려는 모든 문자열 치환 가능.
옵션
g모든 패턴 체크(global)
i대소문자 구별없이 체크
m여러 줄 체크
s“dotAll”; 줄 바꿈과 일치 하는 . 을 허용
^처음
$
.한 문자

📎 정규식을 활용한 특정 문자 제거

► 변수.replace(/찾을 문자열/gi, "변경할 문자열")
.replace(' ','')          : 첫번째 공백 제거
.replace(/\-/g,'')        : - 제거
.replace(/[-]/g,'')       : - 제거

.replace(/,/g,'')         : , 제거
.replace(/^\s+/,'')       : 앞의 공백 제거
.replace(/\s+$/,'')       : 뒤의 공백 제거
.replace(/^\s+|\s+$/g,'') : 앞뒤 공백 제거
.replace(/\s/g,'')        : 문자열 내의 모든 공백 제거
.replace(/\n/g,'')        : 개행 제거
.replace(/\r/g,'')        : 엔터 제거

☑️ Example - 전체 공백 제거

let str = '반가     워요';
str.replace(/(\s*)/g, "");	// 전체 공백제거 방법
// '반가워요'

☑️ Example - 대소문자 구분없이 모든 문자열 치환

let str = 'apple, banana, orange, apple';
str.replace(/apple/gi, 'strawberry');
// 'strawberry, banana, orange, strawberry'

🔍 정규표현식
  • 정해진 규칙을 사용해 모든 문자를 변환할 수도 있고 숫자,번호나 맨 처음, 맨 뒤만 변환할 수 있음.
  • /^[0-9\-]{12,12}$|^[0-9]{10,10}$/ : 0~9의 숫자와 특수문자 -사용가능한 12자리수 or 0~9의 숫자의 10자리수
  • /^[a-zA-Z0-9]{1,20}$/ : a~z, A~Z, 0~9인 1~20자리수까지
  • /^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/ : 영문,숫자,특수문자로 이루어진 8~15자리 (비밀번호에 많이 사용함)



Reference

profile
IBBI의 말하는 감자 탈출 프로젝트

0개의 댓글