la jMétodos de avaScript para buscar cadenas El tutorial presentó la lista completa de métodos de JavaScript (JS) para trabajar con cadenas, junto con explicaciones detalladas de los ocho métodos de búsqueda de cadenas de JavaScript. En el tutorial de desarrollo internet de seguimiento de hoy, veremos los métodos para guarnición, rellenoy extrayendo cadenas.
Puede leer la parte anterior de esta serie visitando: Método de JavaScript para buscar cadenas.
Recortar una cadena con JavaScript
JS proporciona tres métodos para eliminar los espacios en blanco de una cadena: recortar(), recortarInicio()y recortarFin(). El recortar() El método elimina los espacios en blanco de ambos extremos de una cadena, mientras que recortarInicio() y recortarFin() elimine los espacios en blanco al principio y al closing de una cadena, respectivamente.
Sintaxis del método trim()
Los tres métodos de recorte de JS operan en la instancia del objeto de cadena que invoca, por lo que ninguno de ellos acepta ningún parámetro. Aquí está la sintaxis para usar el recortar() métodos en Javascript:
string.trim() string.trimStart() string.trimEnd()
Ejemplos de JavaScript del método trim()
let str = " Let's trim some fats! "; let trimResult = str.trim(); let trimStartResult = str.trimStart(); let trimEndResult = str.trimEnd(); console.log(trimResult, trimStartResult, trimEndResult); /* Outputs: "Let's trim some fats!" "Let's trim some fats! " " Let's trim some fats!" */
Tenga en cuenta que el recortarInicio() y recortarFin() los métodos son un ES2019/ES10 y no son compatibles con Web Explorer.
Leer: Los mejores cursos en línea para aprender JavaScript
Relleno de una cadena en JavaScript
A diferencia del recorte, que consiste en eliminar los espacios en blanco, los métodos de relleno agregan una cadena a otra cadena hasta una determinada longitud desde el principio o el closing de la cadena y devuelven la cadena resultante, hasta la longitud especificada.
padStart() y padEnd() Sintaxis
Como se ve a continuación, el almohadillaInicio() y padEnd() Los métodos toman los mismos dos parámetros: longitud del objetivo y padString:
string.padStart(targetLength, padString) string.padEnd(targetLength, padString)
- longitud del objetivo – La longitud de la cadena closing después de que se haya rellenado la cadena precise.
- padString (opcional) – La cadena con la que rellenar la cadena precise. Su valor predeterminado es ” ” si se omite.
Tenga en cuenta que:
- Si padString es demasiado largo, será truncado para cumplir longitud del objetivo.
- Si longitud del objetivo es menor que la longitud de la cadena, la cadena authentic se devuelve sin modificar.
PadStart() y padEnd() Ejemplos de código en JavaScript
Suponga que desea una cadena numérica con 8 caracteres. Para una cadena cuya longitud sea inferior a 8, se rellenará con ceros (0):
let str="1234567"; let padStartResult1 = str.padStart(12, '0'); str="abcd"; let padStartResult2 = str.padStart(8); console.log(padStartResult1, padStartResult2); /* Outputs: "000001234567" " abcd" */ let padEndResult1 = str.padEnd(10); let padEndResult2 = str.padEnd(10, '*'); let padEndResult3 = str.padEnd(12, 'efg'); console.log(padEndResult1, padEndResult2, padEndResult3); /* Outputs: "abcd " "abcd******" "abcdefgefgef" */
Cómo extraer cadenas de otra cadena en JavaScript
La extracción de cadenas es una tarea en la que JavaScript es particularmente hábil. Para hacerlo, Javascript proporciona un whole de cuatro métodos para extraer partes de cadenas. Ellos son dividir(), substr(), subcadena()y rebanada(). Cada método realiza un tipo diferente de extracción de cadenas, por lo que los cubriremos individualmente en la siguiente sección.
Método break up () en JavaScript
el JavaScript dividir() El método divide una cadena en una lista de subcadenas y las devuelve como una matriz, dejando la cadena authentic sin cambios.
Sintaxis del método break up()
La sintaxis de la dividir() método en JavaScript es:
string.break up(separator, restrict)
El dividir() El método acepta los siguientes dos parámetros opcionales:
- separador – El patrón (cadena o expresión common) que describe dónde debe ocurrir cada división.
- límite – Un número entero no negativo que limita el número de piezas para dividir la cadena dada.
Método substr() / substring() en JavaScript
Ambos substr() y subcadena() los métodos extraen partes de la cadena desde una posición específica; la diferencia es que substr() permite a los desarrolladores especificar la cantidad de caracteres que desea extraer, mientras que subcadena() acepta la posición closing.
Sintaxis de los métodos substr() y substring()
La diferencia anterior se refleja en la sintaxis de cada método:
string.substr(begin, size) string.substring(begin, finish)
En ambos casos, el comenzar El parámetro es un número que especifica la posición inicial desde la que copiar la subcadena de la cadena de origen. (Tenga en cuenta que, en JavaScript, la indexación comienza desde cero).
El longitud El parámetro es opcional y especifica el número de caracteres a extraer.
Si se omite, extrae el resto de la cadena. De lo contrario, si la longitud es 0 o negativa, se devuelve una cadena vacía.
El fin El parámetro es un número opcional que indica la posición closing hasta la que se copia la subcadena.
Leer: Principales herramientas de colaboración para desarrolladores internet
método slice() en JavaScript
El rebanada() El método extrae una parte de una cadena como una nueva cadena, sin modificar la cadena authentic.
Sintaxis del método slice()
Como el subcadena() método, rebanada() también acepta un comenzar y fin parámetro:
string.slice(begin, finish)
Nuevamente, el comenzar El parámetro es un número que especifica una posición inicial indexada a cero desde la que copiar la subcadena de la cadena de origen.
El fin El parámetro es opcional y especifica la posición closing (hasta, pero sin incluir).
Diferencias entre substring() y slice()
Mientras que tanto el subcadena() y rebanada() Los métodos le permiten extraer subcadenas de una cadena especificando un parámetro de inicio y closing opcional, tienen un par de diferencias clave que debe tener en cuenta:
- Valores negativos – con rebanada()cuando ingresa un número negativo como argumento, rebanada() cuenta hacia atrás desde el closing de la cadena. Con subcadena()tratará un valor negativo como cero.
- Consistencia de parámetros – otra gran diferencia es que, con subcadena()si el primer argumento es mayor que el segundo argumento, subcadena() los intercambiará mientras que rebanada() devolverá una cadena vacía.
Ejemplos de código del método JavaScript slice()
let str = "Outdoors my window there’s an open street";
// Break up the phrases
let splitWords = str.break up(" ");
// Break up the characters, together with areas
let splitCharacters = str.break up("");
// Utilizing the restrict parameter
let splitThreeFirstWords = str.break up(" ");
console.log(splitWords, splitCharacters, splitThreeFirstWords);
/*
Outputs:
(Outdoors,my,window,there’s,an,
Hay una demostración en codepen.io que contiene todos los ejemplos de código JavaScript presentados aquí hoy.
Reflexiones finales sobre los métodos de JavaScript para recortar, rellenar y extraer cadenas
En esta serie de tres partes sobre los métodos de cadena de JavaScript, aprendimos cómo usar los métodos de recorte, relleno y extracción. En la próxima y última entrega, veremos los métodos restantes del objeto String, incluidos los de concatenación y cambio de mayúsculas y minúsculas.
