반응형
Split 할 때 맨 뒤에 구분자가 붙으면 배열에 빈 값이 하나 들어옵니다.
이를 제거하기 위해 데이터를 전처리 하는 과정이 필요합니다.
전처리 하기 위한 여러가지 방법입니다.
split: 기본적인 방법
let text = "123.456.789.";
let text_split = text.split(".");
console.log(text_split);
['123', '456', '789', '']
split: 공백제거하기
방법 1: filter
- filter() 를 사용해 조건을 통과하는 값만 남긴다.
let text = "123.456.789."; let text_split = text.split(".").filter(Boolean);
console.log(text_split);
```normal
['123', '456', '789']
방법 2: split 전에 slice로 전처리하기
- slice를 사용해 문자열의 마지막 구분값을 제거하고 split 한다.
let text = "123.456.789.";
let text_split = text.slice(0, -1).split(".");
console.log(text_split);
['123', '456', '789']
방법 3: split 전에 slice로 전처리하기 (마지막 값이 구분자인지 아닌지 모를 때)
- text.slice(-1) 은 문자열의 가장 마지막 문자를 가져온다.
let text = "123.456.789.";
let text_split = text.slice(-1) == "." ? text.slice(0, -1).split(".") : text.split(".");
console.log(text_split);
text = "123.456.789";
text_split = text.slice(-1) == "." ? text.slice(0, -1).split(".") : text.split(".");
console.log(text_split);
['123', '456', '789']
['123', '456', '789']
참고자료
반응형
'Programming > JavaScript' 카테고리의 다른 글
예제로 정리한 정규식 패턴 (0) | 2022.08.09 |
---|---|
정규 표현식/정규식(RegExp) 플래그(Flag) 자세하게 알아보자! (0) | 2022.08.02 |
Failed to load resource: the server responded with a status of 404 / 404 File not found / sourceMappingURL (2) | 2022.07.20 |
Babel 을 사용해 오류 없는 javascript 코드를 만들자! (0) | 2022.06.10 |
JavaScript 문자열 중복 제거하기 (0) | 2022.02.07 |