Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript Trim:단계별 가이드

JavaScript trim() 메서드는 문자열의 시작과 끝에서 공백 문자를 제거합니다. trimLeft() 및 trimStart() 메서드는 문자열 시작 부분에서 공백 문자를 자릅니다. trimRight() 및 trimEnd()는 문자열 끝에서 공백을 자릅니다.


문자열의 시작이나 끝에서 공백, 탭 또는 줄 바꿈과 같은 공백을 제거할 수 있습니다. 예를 들어 고객 이름 문자열이 있다고 가정합니다. 각 이름 끝에 공백이 없는지 확인하는 것이 좋습니다.

바로 여기에서 JavaScript trim() 함수가 들어옵니다. trim() 함수는 문자열의 시작과 끝에서 공백 문자를 제거합니다.

다음과 같이 사용할 수 있는 trim()과 관련된 몇 가지 함수가 있습니다.

  • trimLeft()
  • 트림 시작()
  • trimRight()
  • trimEnd()

이 자습서에서는 JavaScript trim() 함수와 작동 방식을 살펴봅니다. 또한 trim() 대신 또는 추가로 사용할 수 있는 네 가지 관련 함수도 살펴보겠습니다.

자바스크립트 trim() 문자열

JavaScript trim() 메서드는 문자열의 시작과 끝에서 공백을 제거합니다. trim() 메서드는 새 문자열을 만듭니다. trim()은 인수를 허용하지 않습니다. 이 메서드는 문자열 끝에 추가됩니다.

다음은 trim() 메서드의 구문입니다.

var ourString = "Test    ":

ourString.trim();

이 코드는 문자열의 시작과 끝에서 모든 공백을 제거합니다. 문자열 끝에 공백만 있으므로 제거된 유일한 문자입니다. trim()은 새 문자열을 반환합니다. 자바스크립트 문자열은 변경할 수 없으므로 변경할 수 없습니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

불필요한 공백 문자로 시작하거나 끝나는 문자열을 만나는 것은 일반적입니다. 공백 문자에는 공백, 탭 및 개행 문자가 포함됩니다.

줄 자르기는 다양한 상황에서 유용할 수 있습니다.

예를 들어 공백이 포함된 미리 형식이 지정된 텍스트 문자열이 있다고 가정합니다. 코드가 의도한 대로 작동하려면 해당 공백을 제거해야 할 수 있습니다. 문자열 형식 지정에 대해 자세히 알아보려면 JavaScript 문자열 보간 가이드를 확인하세요.

trim() 자바스크립트 예제

다음은 실행 중인 JavaScript trim() 함수의 예입니다.

var studentName = "Benjamin     ";
console.log(studentName.trim());

JavaScript 변수 "studentName"에 할당된 값에는 끝에 여러 공백이 포함됩니다. 다듬기 기능을 사용하여 이러한 공백을 제거할 수 있습니다.

trim() 메서드는 JavaScript 콘솔에 새 문자열을 반환합니다.

“Benjamin”

trim() 메서드는 문자열 끝에 있는 공백 문자를 제거합니다. trim()은 원래 문자열을 변경하지 않습니다. 문자열을 잘린 형태로 저장하려면 문자열을 저장할 새 변수를 만들어야 합니다.

var studentName = "Benjamin     ";
var trimmedStudentName = studentName.trim();
console.log(trimmedStudentName);

코드 반환:Benjamin . 이제 잘린 학생 이름이 trimmedStudentName 변수에 저장됩니다. . 이 변수를 사용하여 프로그램 전체에서 문자열을 참조할 수 있습니다.

JavaScript trim() 추가 메소드

trim() 함수는 문자열의 시작과 끝에서 공백을 제거한다는 점에 유의하는 것이 중요합니다.

문자열의 시작이나 끝에서 공백만 제거하려면 trim() 함수를 사용하면 안 됩니다. 이를 위해 사용할 수 있는 사용자 정의 기능이 있습니다.

문자열의 시작 부분에서 공백 문자를 제거하고 싶다고 가정해 보겠습니다. trimStart() 또는 trimLeft()를 사용하여 이 작업을 수행할 수 있습니다. 문자열 끝에서 공백 문자를 제거하려면 trimEnd() 또는 trimRight()를 사용할 수 있습니다.

자바스크립트 trimStart() 및 trimLeft()

문자열의 시작 부분에서 공백 문자를 제거하고 싶다고 가정해 봅시다. 우리는 이름을 가지고 있고 그 이름에서 일부 공백 문자를 제거하고 싶습니다. 다음은 이 작업을 수행하는 데 도움이 되는 작동 중인 trimStart() 및 trimLeft()의 예입니다.

var studentName = "     Benjamin     ";
console.log(studentName.trimStart());
console.log(studentName.trimLeft());

코드 반환:

"     Benjamin"
"     Benjamin"

우리 코드는 trimStart() 및 trimLeft() 메서드를 사용했기 때문에 문자열 시작 부분에서 공백만 제거했음을 주목하세요.

자바스크립트 trimEnd() 및 trimRight()

마찬가지로 문자열 끝에서 공백을 제거하고 싶다고 가정해 보겠습니다. 다음과 같이 trimEnd() 또는 trimRight() 메서드를 사용할 수 있습니다.

var studentName = "     Benjamin     ";
console.log(studentName.trimEnd());
console.log(studentName.trimRight());

코드 반환:

"Benjamin     "
"Benjamin     "

문자열 끝에서 공백을 성공적으로 제거했습니다. 그러나 문자열 시작 부분의 공백은 그대로 유지됩니다.

결론

자바스크립트 trim() 함수는 문자열의 시작과 끝에서 공백을 제거합니다. trim()은 문자열 끝에 추가됩니다. 이 메서드는 인수를 허용하지 않습니다.

trimStart()를 사용하여 문자열의 특정 끝에서 공백을 제거할 수 있습니다. , trimLeft(), trimEnd() 및 trimRight() 메서드.

JavaScript에 대해 더 알고 싶으십니까? JavaScript 학습 방법 가이드를 읽어보세요. JavaScript 학습을 위한 전문가 팁과 최고의 코스 및 온라인 학습 리소스에 대한 안내를 찾을 수 있습니다.