728x90
안녕하세요! 오늘은 split() 과 join()을 사용해서 문자열의 모든 공백을 제거해보려고 합니다!
문자열.split(구분 기호)는 구분 기호를 기준으로 문자열을 분리하고 배열로 만들어줍니다!
ex)
var a = '바람+비+불'
var myVar1 = a.split('+');
=> myVar1 = ['바람', '비', '불'];
var a = '바람,비,불'
var myVar2 = a.split(', ');
=> myVar2 = ['바람', '비', '불'];
배열.join(구분 기호)는 구분 기호로 배열의 각 요소를 이어 붙여 하나의 문자열로 만들어줍니다!
ex)
var a = ['바람', '비', '불'];
var myVar1 = a.join();
=> myVar1 = '바람비불'
var myVar2 = a.join(', ');
=> myVar2 = '바람,비,불'
* 결과
* 전체 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>
split()과 join()을 사용해서 모든 공백 제거하기
</p>
<input type="text" class="input">
<button onclick="Remove_Spaces()">공백 제거</button>
<script>
function Remove_Spaces(){
let value = document.querySelector('.input').value;
let result = value.split(' ').join('');
alert("[" + result + "]");
}
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| [Javascript] scrollIntoView를 사용해 화면 하단으로 이동하기 (0) | 2022.09.24 |
|---|---|
| [JavaScript] addEventListener 한 번만 동작하게 만들기 (0) | 2022.09.21 |
| [ JavaScript ] 테이블 동적 행 추가/삭제하기 (0) | 2022.08.31 |
| [ JavaScript ] 테이블 행 값 가져오기 (0) | 2022.08.31 |
| [JavaScript] 파일 드래그 앤 드롭하기 (0) | 2022.08.22 |
