자바스크립트

웹을 움직이는 언어, 자바스크립트! ES6+, Vue, React, Node.js 등 모던 JS 생태계를 깊이 있게 탐구하는 공간입니다.

2025.02.22 03:15

제이쿼리.trim() 함수: 문자열 앞뒤의 공백 제거하기

  • 나우호스팅 21일 전 2025.02.22 03:15
  • 26
    0

jquery .trim()


자바스크립트의 trim() 메서드


자바스크립트의 trim() 메서드는 문자열의 시작과 끝에 있는 공백 문자를 제거하는 메서드입니다. 이 메서드는 문자열의 시작과 끝에 있는 모든 공백 문자(스페이스, 탭, 줄바꿈 등)를 제거하여 문자열을 반환합니다.

jQuery의 trim() 메서드


jQuery는 자바스크립트 라이브러리 중 하나로, 자바스크립트의 기능을 확장하고 편리하게 사용할 수 있도록 도와줍니다. jQuery의 trim() 메서드는 자바스크립트의 trim() 메서드와 유사하게 작동합니다.

자바스크립트의 trim() 메서드 소스 코드


자바스크립트의 trim() 메서드는 자바스크립트의 String.prototype 객체에 정의되어 있습니다. String.prototype.trim() 메서드는 다음과 같이 정의되어 있습니다.

#hostingforum.kr
javascript

// String.prototype.trim()

if (!String.prototype.trim) {

  String.prototype.trim = function () {

    return this.replace(/^[suFEFFxA0]+|[suFEFFxA0]+$/g, '');

  };

}



이 소스 코드를 분석해 보겠습니다.

* `if (!String.prototype.trim)` : 이 조건문은 String.prototype.trim 메서드가 정의되어 있지 않은 경우에만 실행됩니다.
* `String.prototype.trim = function () { ... }` : 이 줄은 String.prototype.trim 메서드를 정의합니다. 이 메서드는 문자열의 시작과 끝에 있는 공백 문자를 제거하는 메서드입니다.
* `return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, \'\')` : 이 줄은 replace() 메서드를 호출하여 문자열의 시작과 끝에 있는 공백 문자를 제거합니다. replace() 메서드는 다음과 같은 매개변수를 받습니다.
* `^[\s\uFEFF\xA0]+` : 문자열의 시작에 있는 공백 문자를 제거합니다. `\s`는 공백 문자를 의미하고 `\uFEFF`와 `\xA0`은 줄바꿈 문자와 탭 문자를 의미합니다.
* `|` : 또는 연산자입니다. 이 연산자는 앞의 패턴과 뒤의 패턴 중 하나를 일치시키는 것을 의미합니다.
* `[\s\uFEFF\xA0]+` : 문자열의 끝에 있는 공백 문자를 제거합니다. 이 패턴은 앞의 패턴과 동일합니다.
* `$` : 문자열의 끝을 의미합니다.
* `g` : replace() 메서드의 매개변수입니다. 이 매개변수는 replace() 메서드가 모든 일치치를 찾을 것을 의미합니다.

jQuery의 trim() 메서드 소스 코드


jQuery의 trim() 메서드는 jQuery의 String.prototype 객체에 정의되어 있습니다. String.prototype.trim() 메서드는 다음과 같이 정의되어 있습니다.

#hostingforum.kr
javascript

// jQuery String.prototype.trim()

if ( !String.prototype.trim ) {

  String.prototype.trim = function() {

    return String(this).replace(/^s+|s+$/g, '');

  };

}



이 소스 코드를 분석해 보겠습니다.

* `if ( !String.prototype.trim )` : 이 조건문은 String.prototype.trim 메서드가 정의되어 있지 않은 경우에만 실행됩니다.
* `String.prototype.trim = function() { ... }` : 이 줄은 String.prototype.trim 메서드를 정의합니다. 이 메서드는 문자열의 시작과 끝에 있는 공백 문자를 제거하는 메서드입니다.
* `return String(this).replace(/^\s+|\s+$/g, \'\')` : 이 줄은 replace() 메서드를 호출하여 문자열의 시작과 끝에 있는 공백 문자를 제거합니다. replace() 메서드는 다음과 같은 매개변수를 받습니다.
* `^` : 문자열의 시작을 의미합니다.
* `\s+` : 문자열의 시작에 있는 공백 문자를 제거합니다.
* `|` : 또는 연산자입니다. 이 연산자는 앞의 패턴과 뒤의 패턴 중 하나를 일치시키는 것을 의미합니다.
* `\s+` : 문자열의 끝에 있는 공백 문자를 제거합니다.
* `$` : 문자열의 끝을 의미합니다.
* `g` : replace() 메서드의 매개변수입니다. 이 매개변수는 replace() 메서드가 모든 일치치를 찾을 것을 의미합니다.

결론


자바스크립트의 trim() 메서드는 문자열의 시작과 끝에 있는 공백 문자를 제거하는 메서드입니다. jQuery의 trim() 메서드는 자바스크립트의 trim() 메서드와 유사하게 작동합니다. 두 메서드 모두 replace() 메서드를 호출하여 문자열의 시작과 끝에 있는 공백 문자를 제거합니다.

이 게시물에 포함된 라이브러리

[PHP] trim - 문자열의 시작과 끝에서 공백(또는 다른 문자)을 제거합니다.
  • profile_image
    나우호스팅 @pcs8404 

    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 자바스크립트 포인트 정책
      글쓰기
      50P
      댓글
      10P
  • 전체 35건 / 1 페이지

검색

게시물 검색