[JS] 공백 제거(trim, trimStart, trimLeft, trimEnd, trimRight)

---

알고있으면 좋은 Javascript Tip✨

---

trim이란 무엇인가?

• JavaScript의 내장함수이며, trim(), trimStart(), trimLeft(), trimEnd(), trimRight() 5개의 메서드가 존재한다.
• 다만 trimStart(), trimLeft(), trimEnd(), trimRight() 메서드의 경우 ES10에서 등장했기 때문에 IE에서는 사용이 불가능하다.
• 문자열의 앞 뒤, 즉 양 끝에 있는 공백을 제거하는 메서드이다.
• 원본 문자열을 변경하지 않고, 공백이 제거된 새로운 문자열을 반환해준다.

 

(1) trim()

• 문자열의 앞, 뒤의 공백을 제거한다.

const str = "   Hello, world!   ";
const newStr = str.trim();

document.writeln(newStr); // "Hello, world!"

 

(2) trimStart(), trimLeft()

• 문자열 앞의 공백을 제거한다.
• trimLeft()는 trimStart()의 alias이며, 기능은 동일하지만 호환성을 위해서 존재한다.

let result = '';
let str = "  Hello, world  ";
result = str.trimStart();   // "Hello, world  "
result = str.trimLeft();    // "Hello, world  "

 

(3) trimStart(), trimLeft()

• 문자열 뒤의 공백을 제거한다.
• trimRight()는 trimEnd()의 alias이며, 기능은 동일하지만 호환성을 위해서 존재한다.

let result = '';
let str = "  Hello, world  ";
result = str.trimEnd();   // "  Hello, world"
result = str.trimRight();    // "  Hello, world"