자바스크립트 예제모음

특정문자 개수 세기

전체 문자열 배열 폼관련
등록일 :

특정문자 갯수 세기

아래 예제에서 특정 문자가 몇개인지
찾아보는 예제입니다.


HTML

<div class="wrap">

<textarea name="ori" rows="8">
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닻닿닿닿닿
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닿닿닿닻닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닻닿닿닿
닻닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닻닿닿닿닿닿닿닿닿닿닿닿닿닿닿
</textarea>

	<div style="padding:10px">
		<button type="button" onclick="gogogo()">눌러보세요 : "닻" 이 몇개 일까요?</button>
	</div>
</div>

자바스크립트

function gogogo(){
	var txt = $('[name=ori]').val();

	// 정규식으로 찾은 후 length 로 갯수를 표시
	// 찾는 대상이 없는 경우 null 이 반환되어 에러가 발생할 수 있음
	// 아래처럼  null 일때 빈배열 "[]" 로 대체, 이때 length 값은 0
	alert('삐빅 ' + (txt.match(/닻/g) || []).length + ' 개 발견 !!');

}

찾는 대상이 없는 경우에 어떻게 되는지 보기

찾는 대상이 없는 경우 0 으로 나오는것 확인해 보기.
대상이 없을때 0 으로 나오는것이 아니기 때문에
적절한 처리를 해주어야 합니다.

HTML

<div class="wrap">

<textarea name="ori" rows="8">
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닻닿닿닿닿
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닿닿닿닻닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닻닿닿닿
닻닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿닿
닿닿닿닿닿닻닿닿닿닿닿닿닿닿닿닿닿닿닿닿
</textarea>

	<div style="padding:10px">
		<button type="button" onclick="gogogo()">눌러보세요 : "당" 이 몇개 일까요?</button>
	</div>
</div>

자바스크립트

function gogogo(){
	var txt = $('[name=ori]').val();

	// 정규식으로 찾은 후 length 로 갯수를 표시
	// 찾는 대상이 없는 경우 null 이 반환되어 에러가 발생할 수 있음
	// 아래처럼  null 일때 빈배열 "[]" 로 대체, 이때 length 값은 0
	alert('삐빅 ' + (txt.match(/당/g) || []).length + ' 개 발견 !!');

}