js14

제로·2022년 11월 30일
0

javascript

목록 보기
14/26

string 객체

  1. 생성
    var 변수명 = "문자열"
    var 변수명 = new String("문자열")
  2. 기본 속성와 메서드
    length : 문자열의 길이
    charAt(위치) : 위치의 문자, 존재하지 않는 idx를 인자로 전달하면 공백 출력
    charCodeAt(위치) : 위치의 유니코드 번호
    concat(연결문자)
    indexOf("검색문자", 시작위치) : 특정문자열의 위치 반환, 찾는 문자열이 없으면 -1 리턴
    lastIndexOf("검색문자", 시작위치) : 마지막에 등장하는 문자의 위치를 반환
    match(정규식표현) : 해당 데이터가 있는지 여부
    replace(정규식표현, 대체문자) : 특정한 문자를 변경 처리
    search(정규식표현) : 위치
    slice(시작, 마지막) : 특정한 문자의 시작/마지막을 추출
    split("구분자") : 특정한 문자를 구분자로 나누어서 배열로 처리
    substr(시작, 문자갯수) : 특정한 문자열 추출
    substring(시작-0부터, 마지막-1부터) : 특정한 문자열 추출
    toLowerCase() : 소문자 변형 문자열
    toUpperCase() : 대문자 변형 문자열
## 입력 글자 수 제한하기
<script type="text/javascript">
function cal(obj){
	var sp = document.querySelector("#sp")
	var te = obj.value.length
	if(te>20) {
		alert("글자수를 초과하셨습니다")
		obj.value=obj.value.substring(0,20) // 20자 이상 입력을 막아버림
	}else{
		sp.innerText=te+"/20"
	}
}
</script>
<body>
<!-- onekeyup : 해당 대상객체에 입력했다가 키가 올라오는 순간 이벤트 발생
	 this : 이벤트가 일어나는 현재 textarea 객체 전체를 매개변수로 전달 -->
	<textarea rows="2" cols="2" id="te" onkeyup="cal(this)"></textarea>
	<span id ="sp">0/20</span>
	<div id="container"></div>
</body>
profile
아자아자 화이팅

0개의 댓글