迹忆客 专注技术分享

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 方法以定义的方式执行。