불필요한 whitespace를 삭제해야 하는 이유

자바스크립트를 이용해 백앤드에서 넘어오는 문자열을 display하는데, 이 문자열에 불필요한 공백이 포함되는 경우가 있다.
따라서 최종 클라이언트에게 display되기 전 불필요한 공백을 제거할 필요가 있다.

1. trim()

1) 문자열의 양쪽 끝(맨앞, 맨뒤)의 공백을 제거한다.

string.trim();

2) 공백을 제거한 문자열을 반환하며, 원본 문자열에는 영향을 주지 않는다.

var orig = "foo    ";

var modif = orig.trim();

console.log(modif);    // "foo"
console.log(orig);     // "foo    ";

2. replace()

1) replace( 찾는값, 바꿀값 )

string.replace(searchvalue, newvalue);

2) 찾는값으로는 문자열 혹은 정규식 패턴이 올 수 있다.

• 문자열-> 첫 번째 문자열만 바꿀값으로 치환된다.

const p = 'the dog. dog barked, was it dog?';

console.log(p.replace('dog', 'monkey'));
// 'the monkey. dog barked, was it dog?'

• 정규식 패턴 -> 모든 문자열을 바꾼다.

const regex = /Dog/i;
console.log(p.replace(regex, 'ferret'));
// 'the monkey. monkey barked, was it monkey?'

3) 원본 문자열에는 영향을 주지 않는다.

• 어떤 패턴에 일부 또는 모든 부분이 교체된 새로운 문자열을 반환하며, 원본 문자열에는 영향을 주지 않는다.

⭐4) 공백제거 시 - 정규식 패턴

str.replace(/^\s+|\s+$/g, '');