[JavaScript] 문자열 공백제거 함수 알아보기 (trim, replace, split, join)

1. tim()

string.trim()

trim() 메서드는 문자열 양 끝의 공백을 제거합니다. 

 

• 원본 문자열을 건들지 않고 새로운 문자열로 반환을 합니다.
• 문자열 앞 뒤에 공백이 중복되어 여러 개가 있어도 모두 제거됩니다.

 

let str = "  Hello, World, JavaScript  ";

let result = str.trim();
console.log("[" + result + "]"); // 결과 : [Hello,World,JavaScript]

let text1 = ' test ';
let text2 = '\ttest\t';
let text3 = '\ntest\n';

console.log(text1.trim());   // 결과 : test
console.log(text2.trim());   // 결과 : test
console.log(text3.trim());   // 결과 : test

■ trimStart()

문자열의 왼쪽 공백을 제거하려면 trimStrart() 메서드를 사용해야 합니다.

let str = "  Hello World! ";

let result = str.trimStart();
console.log("[" + result + "]"); // 결과 : [Hello World!  ]

 

■ trimEnd()

문자열의 오른쪽 공백을 제거하려면 trimEnd() 메서드를 사용해야 합니다.

let str = "  Hello World! ";

let result = str.trimEnd();
console.log("[" + result + "]"); // 결과 : [  Hello World!]

 

 

2. replace()

"문자열".replace(searchValue, newValue);

▶ replace() 사용법

[JavaScript] repalce(), replaceAll()

 

 

replace() 함수는 trim() 함수에서 하지 못하는 문자열 내부에 대한 공백처리를 할 수 있습니다. 그렇기 때문에 replace()와 정규식을 사용하여 문자열의 공백을 제거할 수 있습니다.

 

let str1 = "  Hello World! ";
let str2 = "  Hello JS! ";

console.log(str1.replace(/ /gi,'')); // 결과 : HelloWorld!

console.log(str2.replace(/\s/gi,''));

 

정규식 / /gi 또는 /\s/gi를 사용하여 문자열 내부의 모든 공백을 찾아 변환하여 모든 공백 제거가 가능합니다.

 

 

■ replace()를 사용하여 문자열 왼쪽 공백 제거

let str1 = "  Hello World! ";
let str2 = "  123123123! ";

console.log(str1.replace(/^ +/,'')); // 결과 : [Hello World! ]

console.log(str2.replace(/^ +/,''));// 결과 : [123123123! ]

문자열 시작(^)부터 1개 이상의 공백(+)을 제거합니다.

 

■ replace()를 사용하여 문자열 오른쪽 공백 제거

let str1 = "  Hello World! ";
let str2 = "  123123123! ";

console.log("[" +str1.replace(/^ +$/,'') + "]"); // 결과 : [ Hello World!]

console.log("[" +str2.replace(/^ +$/,'') + "]");// 결과 : [ 123123123!]

문자열 끝($)에서 1개 이상의 공백(+)을 제거합니다.

 

3. split() & join()

let str = "  When, in, doubt, choose, change.   ";

console.log(str.split(' '));
// 결과 : ['', '', 'When,', 'in,', 'doubt,', 'choose,', 'change.', '', '', '']

let result = str.split(' ').join('');

console.log(result); // 결과 : 'When,in,doubt,choose,change.'

 

 

 

 

---

 

Reference

• Mdn web docs