jQuery 修剪

Anika Tabassum Era 2023年1月30日 2022年7月12日
  1. 在 jQuery 中使用 $.trim(str) 修剪字串
  2. 使用 JavaScript String.trim() 方法修剪字串
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>

輸出:

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

我們在這裡看到修剪後的訊息在排除額外空格後的長度為 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 String.trim 方法修剪字串

根據考試,如果我們想區分 JavaScript 方法和 jQuery 約定,那麼我們可以說 JavaScript 方法工作在 str 上,而 jQuery 函式採用 str

str.trim() 方法不接受任何引數,而 $.trim(str)str 作為引數。

此外,JavaScript 方法中未定義的變數將顯示錯誤,而 jQuery 函式將預覽空字串而不會彈出任何錯誤。因此,我們可以說 JavaScript 方法以定義的方式執行。

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn GitHub Facebook