jQuery Trim
-
Use
$.trim(str)para recortar una cadena en jQuery -
Utilice el método JavaScript
String.trim()para recortar cadenas
jQuery es una de las bibliotecas de JavaScript más populares, seguida del lema “escribe menos, haz más”. En palabras más sencillas, jQuery garantiza la creación de largas líneas de códigos JavaScript en menos líneas.
La función $.trim(str) de jQuery corta todos los espacios en blanco sin sentido, saltos, tabulaciones, etc. Si deseamos comparar un método similar en JavaScript, usamos el método String.trim().
Pero hay algunas diferencias notables en su principio de funcionamiento, que descubriremos en nuestros conjuntos de ejemplos. ¡Saltamos!
Use $.trim(str) para recortar una cadena en jQuery
En general, la función $.trim(str) se usaba mucho en el desarrollo de casos y otras convenciones de codificación. Pero cuando se introdujo el método JavaScript .trim(), la función jQuery perdió su único propósito de realizar la tarea de recortar.
Ambos funcionan de manera similar y JavaScript, en este caso, ofrece más precisión.
En la versión 3.5.0 de jQuery, la función trim quedó obsoleta y se alentó el método str.trim() de JavaScript. Tendremos un cuerpo HTML con dos etiquetas de párrafo en nuestro ejemplo.
Uno tomará el valor recortado y el otro tomará el mensaje original.
Como todos sabemos, HTML, por defecto, funciona en espacios indefinidos antes y después de cualquier párrafo. Por lo que puede ser irreconocible si la función $.trim(str) realiza su trabajo.
Calcularemos la longitud de las cadenas antes y después y las agregaremos junto con el mensaje que transmitimos. Saltemos a la cerca del código.
<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>
Producción:
Vemos aquí que el mensaje recortado tiene una longitud de 15 después de excluir los espacios adicionales. Pero si observa la impresión original de la cadena, hay una cierta brecha entre el conteo de longitud y la cadena.
Esto define algunos problemas de espaciado, pero no representa explícitamente cuántos espacios y saltos de línea existen.
Pero sucesivamente, se ha contado la longitud del mensaje original; sabemos que inicialmente, hubo un espacio de 3 y un salto de línea antes de que comenzara la cadena. Además, en la parte posterior de la cadena, había 2 saltos de línea y 8 espacios en blanco.
Mientras que el mensaje original solo tiene 15 caracteres válidos, y el cuerpo HTML no muestra los espacios sin sentido.
Utilice el método JavaScript String.trim() para recortar cadenas
En el caso de JavaScript, los métodos str.trim() responden a un patrón de salida similar. En el ejemplo, tomaremos una cadena y ejecutaremos el método.
Además, veremos si el método JavaScript y la función jQuery infieren de manera similar. Revisemos las líneas de código.
var str = ' Cut it off ';
console.log($.trim(str));
console.log(str.trim());
console.log(str);
Producción:
De acuerdo con los exámenes, si deseamos diferenciar el método JavaScript y la convención jQuery, entonces podemos decir que el método JavaScript funciona en str, y la función jQuery toma str.
El método str.trim() no toma ningún argumento, mientras que $.trim(str) toma str como parámetro.
Además, una variable indefinida en el método JavaScript mostrará un error, mientras que la función jQuery mostrará una vista previa de una cadena vacía sin mostrar ningún error. Entonces, podemos decir que el método JavaScript funciona de una manera definida.
