자바스크립트(JavaScript) String.prototype.trimStart String.prototype.trimLeft 폴리필(polyfill)

안녕하세요. 루미오입니다.

순서
● trimStart(), trimLeft() 폴리필(polyfill)
● trimStart(), trimLeft() 사용법

하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다.

 

JavaScript는 문자열의 앞의 공백을 제거하는 trimStart(), trimleft() 함수를 제공합니다. trimleft()는 trimStart()의 alias입니다. 하지만 IE에서 전혀 지원하지 않고 Chrome 66 이상 Firefox 61 이상에서만 지원합니다. 그렇기 때문에 호환성을 위해서 동일한 기능의 폴리필을 적용해야 합니다.

 

trimStart(), trimLeft() 폴리필(polyfill)

if(!String.prototype.trimStart) {
	String.prototype.trimLeft = String.prototype.trimStart = function() 	{
		return this.replace(/^\s+/g,'');
	};
}

→ 코드 확인 및 테스트

정규식을 사용하고 있습니다. 간단하지요!

 

trimStart(), trimLeft() 사용법

/* trimStart(), trimLeft() 사용법 */
var result = '';
var str = "  foo bar  ";
result = str.trimStart();	// "foo bar  "
result = str.trimLeft();	// "foo bar  "

→ 코드 확인 및 테스트

사용법도 간단합니다.

 

감사합니다.

- 루미오 . LOOMIO -