메뉴 건너뛰기

조회 수 2146 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

split 이란 어떤 단어를 기준으로 문장을 쪼개줌

예를들어

var str = 'hello, world!';
var strArr = str.split(',');
console.log(strArr); //strArr = ['hello', ' world!'];
위와 같이 사용하면 str변수의 문장을 쉼표(,) 기준으로 잘라서 배열화 해준다.

join은 배열을 다시 문장으로 연결해준다
예를들어


var arr = ['My', 'name', 'is', 'SeHee', ', Kim'];
var str = arr.join(' ');
console.log(str); // str = My name is SeHee ,Kim;
위와 같이 arr 에 있는 문장들을 공백을 기준으로 join으로 통해 한 문장으로 만들어준다 
(구분자를 안넣어주면 기본은 쉼표로 연결을 해준다)

따라서 위 두가지를 사용해서 공백을 제거하려 할경우

이와 같이 사용하면 된다


var blankStr = 'a b c d e';
var nonBlankStr = blankStr.split(' ').join('');
console.log(nonBlankStr); //abcde
공백이 포함 되있는 문장 중 공백을 기준으로 split해서 하나의 배열로 만든다음 
그 배열들을 공백없는('') 구분자를 통해 연결을 하면 공백이 제거되는 방법이다.


정규식 쓰지않고 생각보다 간단하게 공백처리할수있어서 좋은거 같다



List of Articles
번호 제목 날짜 조회 수
159 fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환 2021.03.26 285
158 기본 동작 막기 2021.03.25 287
157 jQuery - 드래그앤드롭(DragAndDrop)을 통한 파일 업로드 file 2021.03.09 291
156 click에 따른 마우스 휠 on off 2021.03.31 304
155 javascript, jQuery에서 루프 돌리기 예 (for, forEach, each) 2021.03.25 311
154 다중 select 2021.03.31 316
153 최초 접속시 css와 script가 로딩되지 않을때 2021.03.25 322
152 목록의 체크 선택/해제에 따라 [전체선택] 체크박스를 체크하거나 해제하기 2021.03.25 329
151 jQuery - 드래그, 리사이즈 이벤트에 따른 영역 침범 막기 file 2021.03.09 363
150 Cesium에서 canvas 화면 center 지점의 좌표 취득 2021.03.25 373
149 ajax 동기화 처리하기 2021.03.25 416
148 jQuery - radio, checkBox값 가져오기, 선택하기, 제어 등 file 2021.03.09 543
147 SELECTBOX MULTIPLE 검색하기 2021.03.26 572
146 jQuery - 클릭이벤트 동적 처리하기($("").click(), on('click') 차이) file 2021.03.09 580
145 간단한 마우스 포인터 따라 다니기 2021.03.26 594
144 jQuery - ajax xhr을 활용한 파일 업로드 진행 상태 확인하기 file 2021.03.09 598
143 jQuery - checkbox 전체 선택, 해제 기능 및 단일 체크박스가 해제되었을때 전체 선택 해제 하기 file 2021.03.09 614
142 모달 띄우는 코드 2021.03.25 657
141 JS 첵박스 샘플 2019.06.04 694
140 사업자 번호를 입력하면 자동으로 하이픈을 붙여줍니다. 2020.08.24 704
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved