jQuery 修剪

jQuery 是最流行的 JavaScript 庫之一，其座右銘是少寫，多做。簡而言之，jQuery 確保用更少的行來編寫長行的 JavaScript 程式碼。

jQuery 的 $.trim(str) 函式會刪除所有無意義的空格、中斷、製表符等。如果我們想比較 JavaScript 中的類似方法，我們使用 String.trim() 方法。

但是它們的工作原理存在一些顯著差異，我們將在示例集中發現這些差異。讓我們跳進去！

在 jQuery 中使用 $.trim(str) 修剪字串

通常，$.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 方法以定義的方式執行。