[JavaScript] replace 및 정규식

Jisoo Choi·2022년 2월 22일
0

Javascript

목록 보기
6/8

🔎 replace(치환)

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

  • 문자열 변수의 특정 문자를 제거하거나 모든 공백을 없앨 때 사용.
  • .replace()는 찾을 문자열 1개만 치환되기 때문에 자바의 .replaceAll()처럼 사용하기 위해서는 정규식을 사용.
옵션
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

const str = '안녕     하세요?';
str.replace(/(\s*)/g, "");	// 전체 공백제거 방법

// use jQuery 
$.trim(str);

✨ 정규표현식

  • 정해진 규칙을 사용해 모든 문자를 변환할 수도 있고 숫자,번호나 맨 처음, 맨 뒤만 변환할 수 있음.
  • /^[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
👩‍🚀 No worries! Just record

0개의 댓글