(52) [JavaScript] 8일 JavaScript 정규 표현식

💻/Javascript

(52) [JavaScript] 8일 JavaScript 정규 표현식

따궈 2024. 4. 29. 16:03

정규식이란?
정규식은 문자열에서 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴이다.
정규식을 이용하면 특정 패턴과 일치하는 문자열의 검색, 치환, 추출등이 가능하다.

RegExp

pattern	정규식을 나타내는 문자로, 태펀은 따옴표나 슬래시로 감싸야 한다.
flags	기본 검색 설정을 변경할 수 있는 플래그로 다음 값이 조합을 가질 수 있다.
	g : 일치하는 첫번째 문자에서 멈추지 않고 전체에서 일치하는 모든 문자를 검색한다.
	i : 대소문자를 구별하지 않는다
	m : 시작 또는 끝 문자 탐색
	y : 대상 문자열에서 이 정규 표현식의 lastIndex 속성에 의해 지정된 인덱스에서만 일치하며, 이후의 모든 인덱스에서 일치하지 않는다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>

	<h3>정규식 - flag</h3>

	<script type="text/javascript">
		var s, p;

		p = /[a-d]+/;
		s = '12ax';
		console.log(p.test(s)); // true
		
		s='12Ax';
		console.log(p.test(s)); // false 
		
		p = /[a-d]+/i; //  대소문자 구분하지 않음 
		s='12Ax';
		console.log(p.test(s)); // true 
		
	</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>

	<h3> 정규식 - 치환 </h3>
	
	<script type="text/javascript">
	var s,p,a;
	
	s='web 자바 jsp 자바 html';
	
	p=/자바/;
	a=s.replace(p,'java');
	console.log(a);
	
	p=/자바/g; // g : 모두  
	a=s.replace(p,'java');
	console.log(a);
	
	
	</script>
	
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>

	<h3>정규식 패턴</h3>

	<script type="text/javascript">
		var s, p;

		// . : 한문자
		p = /a.s/;
		s = 'abs';
		console.log(p.test(s)); // true
		s = 'as';
		console.log(p.test(s)); // fasle

		//x* : 앞 문자 x와 0개 이상 일치 
		p = /test a*b/;

		s = 'test aab';
		console.log(p.test(s)); // true
		s = 'test b';
		console.log(p.test(s)); // true
		s = 'test ax';
		console.log(p.test(s)); // fasle
		s = 'uesr aab';
		console.log(p.test(s)); // fasle
		s = 'uesr test aab end';
		console.log(p.test(s)); // true

		// ^  : ~시작, $ : ~ 끝
		// .* : 모든 문자 
		p = /^자바.*/; // 자바로 시작하는 
		s = '자바 사랑';
		console.log(p.test(s)); // true 
		s = '사랑 자바';
		console.log(p.test(s)); // false

		p = /.*자바$/; // 자바로 끝나는   
		s = '자바 사랑';
		console.log(p.test(s)); // false 
		s = '사랑 자바';
		console.log(p.test(s)); // true
		
		// 자바로 시작하고 웹으로 끝나는 모든 문자
		//p=/^자바.*웹$/;
		p=/^자바(.*)웹$/;
		s='자바 스프링 웹';
		console.log(p.test(s)); 
		
		p=/^자바.*웹$/;
		s='자바 스프링 서블릿';
		console.log(p.test(s)); 
		
		
		
		
	</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>

	<h3>정규식 패턴</h3>


	<script type="text/javascript">
	var s,p;
	
	//[1-3] : 1, 2, 3 
	//[axt] : a, x, t
	
	// 숫자 : \d, [0-9]
	// \D : 숫자가 아닌 경우 (대문자는 반대)
	
	// 한자리 숫자 
	// p = /^\d$/;
	// p = /^\d{1}$/;
	p = /^[0-9]$/;
	s = '3';
	console.log(p.test(s)); // true
	s='35';
	console.log(p.test(s)); // false 
	
	// 한자리이상 숫자 
	// p = /^\d+$/;
	// p = /^\d{1,}$/;
	
	// 1~3자리 숫자
	// p = /^\d{1,3}$/;
	
	//x? : 앞문자 x가 0개 이거나 하나 
	//한자리 이상의 숫자. 부호 및 소수도 가능 
	//123 12.5 +12 -15 -15.5 5.
	
	p=/^[+-]?\d+(\.?\d*)$/;
	s='123';
	console.log(p.test(s));
	
	
	
	
	</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>

	<h3>정규식 - 정규식</h3>
	
	<script type="text/javascript">
	var s,p;
	
	// 한자 이상의 영숫자
	//p=/^[a-zA-Z0-9_]+$/;
	p=/^\w+$/;
	
	// 영문자 제외 [^] : 제외 
	p=/^[^a-zA-Z]+$/;
	
	// 영문과 띄어 쓰기만 가능 \s : 띄어쓰기 
	p=/^[a-zA-Z\s]+$/;
	
	
	// x(?=y) : x다음에 y가 나오는 경우만 일치
	// 영문자로 시작하고 영문, 띄어쓰기만 가능 
	p=/^(?=[a-z])[a-z\s]*$/i;
	
	//자바, 웹, java, web 존재 여부
	p = /^.*(?=자바|웹|java|web).*$/i;
	//p =/(자바|웹|java|web)/i;
	
	// 한글 한글자 이상
	p = /^[가-힣]+$/;
	
		
	
	</script>

</body>
</html>