jQuery 트림

1. $.trim(str)을 사용하여 jQuery에서 문자열 자르기
2. JavaScript String.trim() 메서드를 사용하여 문자열 자르기

jQuery는 가장 인기 있는 JavaScript 라이브러리 중 하나이며 “적게 작성하고 더 많이 수행"이라는 모토를 따릅니다. 간단히 말해서 jQuery는 긴 줄의 JavaScript 코드를 더 적은 줄로 만들 수 있습니다.

jQuery의 $.trim(str) 함수는 의미 없는 공백, 나누기, 탭 등을 모두 잘라냅니다. JavaScript에서 유사한 메서드를 비교하려면 String.trim() 메서드를 사용합니다.

그러나 작동 원리에는 몇 가지 눈에 띄는 차이점이 있으며 이는 예제 세트에서 확인할 수 있습니다. 들어가자!

$.trim(str)을 사용하여 jQuery에서 문자열 자르기

일반적으로 $.trim(str) 함수는 개발 사례 및 기타 코딩 규칙에서 널리 사용되었습니다. 그러나 JavaScript 메소드 .trim()이 도입되었을 때 jQuery 함수는 트리밍 작업을 수행하는 유일한 목적을 잃었습니다.

둘 다 비슷하게 작동하며 이 경우 JavaScript가 더 정확합니다.

jQuery 릴리스 3.5.0에서는 trim 기능이 더 이상 사용되지 않으며 JavaScript str.trim() 메서드가 권장되었습니다. 이 예에서는 두 개의 단락 태그가 있는 HTML 본문이 있습니다.

하나는 잘린 값을 사용하고 다른 하나는 원본 메시지를 사용합니다.

우리 모두 알고 있듯이 HTML은 기본적으로 단락 앞뒤의 정의되지 않은 공백에서 작동합니다. 따라서 $.trim(str) 함수가 작업을 수행하는 경우 인식하지 못할 수 있습니다.

우리는 전후에 문자열의 길이를 계산하고 우리가 전달하는 메시지와 함께 추가합니다. 코드 펜스로 이동합시다.

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<p id="text"></p>
<p id = "val"></p>
<script>
  var str = "\n   jQuery trimming        \n\n";
  $( "#text" ).html("Trimmed: " + $.trim(str) + $.trim(str).length);
  $( "#val" ).html("Original: " + str + str.length);
</script>

출력:

여기에서 추가 공백을 제외하고 잘린 메시지의 길이가 15임을 알 수 있습니다. 그러나 문자열의 원본 인쇄를 보면 길이 개수와 문자열 사이에 일정한 간격이 있습니다.

이것은 일부 간격 문제를 정의하지만 얼마나 많은 공백과 줄 바꿈이 존재하는지 명시적으로 나타내지 않습니다.

그러나 연속적으로 원본 메시지의 길이가 계산되었습니다. 우리는 처음에 문자열이 시작되기 전에 3개의 공백과 1개의 줄 바꿈이 있었다는 것을 알고 있습니다. 또한 문자열의 뒷부분에는 2줄 바꿈과 8개의 공백이 있었습니다.

원본 메시지에는 유효한 15자만 있고 HTML 본문에는 의미 없는 공백이 표시되지 않습니다.

JavaScript String.trim() 메서드를 사용하여 문자열 자르기

JavaScript의 경우 str.trim() 메소드는 유사한 출력 패턴에 응답합니다. 이 예에서는 문자열을 가져와서 메서드를 수행합니다.

또한 JavaScript 메소드와 jQuery 함수가 유사하게 추론하는지 확인합니다. 코드 라인을 확인해보자.

var str = '  Cut it off   ';

console.log($.trim(str));
console.log(str.trim());
console.log(str);

출력:

조사에 따르면 JavaScript 메소드와 jQuery 규칙을 구별하려면 JavaScript 메소드가 str에서 작동하고 jQuery 함수는 str을 취한다고 말할 수 있습니다.

str.trim() 메소드는 인수를 사용하지 않는 반면 $.trim(str)은 str을 매개변수로 사용합니다.

또한 JavaScript 메소드의 정의되지 않은 변수는 오류를 표시하는 반면 jQuery 함수는 오류를 표시하지 않고 빈 문자열을 미리 봅니다. 따라서 JavaScript 메서드가 정의된 방식으로 수행된다고 말할 수 있습니다.