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