Programming/JavaScript

JavaScript: split 공백값 제거하는 여러가지 방법

고고마코드 2022. 3. 10. 13:48
반응형

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']

참고자료

  1. developer.mozilla.org

반응형