728x90
300x250
SMALL
왼쪽 공백없애기 함수
먼저 문자열의 첫 번째 글자가 공백인지 아닌지 확인한다. 만약 공백이 아니라면 더 이상 곡백 검사를 하지 않고 입력받은 매개변수 값을 그대로 리턴하면된다.
공백문자가 하나인 경우 백위치는 1이된다.
이때 slice()메서드를 다음과 같이 호출해 주면된다.
slice(1,입력값.length);
<script>
$(document).ready(function() {
var $output = $("#output");
var $input = $("#input");
$("#confirm").click(function() {
// 입력 값 알아내기
var value = $input.val();
var result = ltrim(value);
$output.html(value + " ==> " + result);
})
});
// 앞쪽 공백문자를 제거하는 함수
function ltrim(str) {
if(str.length <= 0)
return "";
var firstCh = str.charAT(0);
if (firstCh != "_"){
return str;
}
for (var index = 1; index < str.length; index++) {
var ch = str.charAt(index);
if(ch != "_") {
break;
}
}
var result = str.slice(index, str.length);
return result;
}
</script>
</head>
<body>
<div>
<input type="text" id="input">
<button id="confirm">
확인
</button>
</div>
<div id="output">
여기에 실행 결과가 출력됩니다.
</div>
</body>1. 먼저 매개변수로 받은 문자열 값이 빈 문자열일 경우 빈 문자열 그대로 리턴
2. 첫 번재 문자가 공백인지 아닌지 판단 해서 만약 공백문자가 아니라면 공백 문자를 자를 필요도 없이 매개변수 값을 그대로 리턴
3. 마지막 공백문자가 끝나는 위치를 찾는 코드 1부터 문자열 길이 만큼 루프를 돌면서 공백문자가 아니면 루프를 벗어나서 index에는 마지막 공백 위치 값이 된다.
4. slice() 메서드를 활용해서 공백을 제외한 부분을 잘라내서 리턴해준다.
오른쪽 공백 없애기 함수
<script>
$(document).ready(function(){
var $output = $("#output");
var $input = $("#input");
$("#confirm").click(function(){
// 입력 값 알아내기
var value = $input.val();
var result = ltrim(value);
$output.html(value+" ==> "+result);
})
});
// 앞쪽 공백문자를 제거하는 함수
function ltrim(str){
if(str.length <= 0){
return "";
}
var firstCh = str.charAt(str.length-1);
if(firstCh !="_"){
return str;
}
for(var index=str.length-1;index>=0;index--){
var ch = str.charAt(index);
if(ch!="_"){
index++;
break;
}
}
var result = str.slice(0, index);
return result;
}
</script>
</head>
<body>
<div>
<input type="text" id="input"> <button id="confirm">확인</button>
</div>
<div id="output">여기에 실행 결과가 출력됩니다.</div>
</body>
양쪽 공백 제거
<script>
$(document).ready(function(){
var $output = $("#output");
var $input = $("#input");
$("#confirm").click(function(){
// 입력 값 알아내기
var value = $input.val();
// 앞쪽 공백 문자 제거
var result = trim(value);
$output.html(value+" ==> "+result);
})
});
// 양쪽 공배 문자를 제거하는 함수
function trim(str){
var result = ltrim(str);//3
result = rtrim(result);//4
return result; //5
}
// 앞쪽 공백 문자를 제거하는 함수
function ltrim(str) { //2
// 여기에 소스를 입력해주세요.
// 문자열 값이 없는 경우
if (str.length <= 0)
return "";
// 첫 번째 문자가 공백이 아니라면 검사할 필요 없이 입력값으 그대로 리턴
var firstCh = str.charAt(0);
if (firstCh != "_") {
return str;
}
// 공백이 끝나는 위치 찾기
for (var index = 1; index < str.length; index++) {
// 공백 문자가 아닐때까지 찾기
var ch = str.charAt(index);
if (ch != "_") {
break;
}
}
//index 위치에서 마지막 위치 까지의 문자열 잘라내기
var result = str.slice(index, str.length);
return result;
}
// 오른쪽 공백 문자를 제거하는 함수
function rtrim(str){ //1
// 여기에 소스를 입력해주세요.
// 문자열 값이 없는 경우
if(str.length<=0)
return "";
// 마지막 번째 문자가 공백이 아니라면 검사할 필요 없이 입력값으 그대로 리턴
var firstCh= str.charAt(str.length-1);
if(firstCh!="_"){
return str;
}
// 공백이 끝나는 위치 찾기
for(var index=str.length-1;index>=0;index--){
// 공백 문자가 아닐때까지 찾기
var ch = str.charAt(index);
if(ch!="_"){
index++;
break;
}
}
//0에서 index위치 까지의 문자열 잘라내기
var result = str.slice(0, index);
return result;
}
</script>
</head>
<body>
<div>
<input type="text" id="input"> <button id="confirm">확인</button>
</div>
<div id="output">여기에 실행 결과가 출력됩니다.</div>
</body>1. 위 예제중에서 ltrim() 함수와 rtrim()함수를 복사해 준다
2. 먼저 ltrim()함수를 활용해 공백문자를 제거해 준다.
3. rtrim()함수를 활용해 오른쪽 공백문자를 제거해준다.
728x90
반응형
LIST
'javaScript > JS Examples' 카테고리의 다른 글
| 한꺼번에 여러 엘리먼트의 개수와 텍스트(text) 가져오기 (0) | 2021.07.04 |
|---|---|
| 위로가기 스크립트 (0) | 2021.06.27 |
| 물고기 잡기 게임 (0) | 2019.08.26 |
| 랜덤으로 배경이미지 변경하기 (0) | 2019.08.25 |
| 타이머 함수 : 심플배너만들기2 (0) | 2019.08.10 |
댓글