메뉴 건너뛰기

조회 수 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
번호 제목 날짜 조회 수
139 간단한 스크롤 따라 움직이는 메뉴 만들기 2021.03.26 727
138 JS 타이머 샘플 2019.06.04 745
137 새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기 2021.03.26 787
136 JS 날짜 자료 비교 2019.06.04 788
135 DateTimepicker ( Timepicker + Datepicker ) file 2021.03.26 788
134 체크박스 전체선택/해지 2019.06.04 790
133 //ex)텍스트 박스 포커스 활성, 비활성 이벤트 2019.06.04 812
132 click event scroll 2021.03.31 827
131 정규식, 한글 못쓰게 하기, replace all 2021.03.26 844
130 jQuery 일반적 팁 2019.06.04 853
129 텍스트 필드에 기본글이 마우스 클릭하면 지워지게 하기 폼필드 소스 내에 아래 태그를 삽입한다. 2019.06.04 867
128 jQuery 로 탭메뉴 2019.01.10 938
127 .attr() : 태그의 속성 값을 읽어오거나 속성을 추가및 재설정 2019.01.16 962
126 이미지 확대/축소 2020.11.25 974
125 .removeAttr() : 특정 속성을 제거 2019.01.16 1021
124 jQuery 로 원하는 갯수만큼 checkbox 선택하기 2019.01.10 1022
123 jQuery 기초 (JQuery - text(), val(), html(), attr(), prop()) 2019.01.16 1055
122 jQuery 기초 (Query link url / download (위치, 사용법) // p태그, id, class 접근 / 일반태그 가져오기 / 클릭시 값) 2019.01.16 1079
121 jQuery 기초 ((문자열 추가 .before / .after) (문자열 삭제 .remove / .empty) file 2019.01.16 1084
120 jQuery 로 해보는 체크박스(checkbox) 전체선택, 선택해제 예제 2019.01.10 1085
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved