Las cadenas de JavaScript son uno de los tipos de datos más utilizados en el lenguaje; definitivamente los usará en el proceso de desarrollo de software. Por lo tanto, debe saber cómo trabajar con ellos teniendo esto en cuenta.
En esta publicación, discutiremos un método de cadena simple llamado división y cómo usarlo. Aprenderá cómo funciona, aprenderá la sintaxis y verá ejemplos de código. También aprenderá cómo usarlo de diferentes maneras para realizar diferentes tareas. Finalmente, habrá CodePen al final con todos los ejemplos de publicaciones para que practiques lo que has aprendido.
Aquí hay algunos enlaces que puede usar para que sea más fácil navegar por esta publicación.
Sin más demora, buceemos de inmediato.
Dividir una cadena de JavaScript
Dividir una cadena en JavaScript es un proceso valioso y se puede implementar para una variedad de propósitos. Los desarrolladores a menudo dividen las cadenas por razones de seguridad, como verificar que la cadena ingresada no contenga código malicioso o caracteres no válidos.
Otro uso de las cadenas divididas es crear juegos clásicos simples como adivinar palabras o formar palabras. Eventualmente, usará el método de división para dividir la cadena en subcadenas en una línea de tiempo lo suficientemente larga. Las subcadenas son el valor devuelto por el método de división. El siguiente video muestra este proceso para ayudar a aclarar el concepto.
Cuando se utiliza el método de división en una cadena, se crea una matriz de subcadenas a partir del destino. Una matriz de subcadena funciona como cualquier otra matriz de JavaScript, y se puede acceder a un elemento de la matriz mediante una notación similar a la de una matriz.
Ahora que hemos cubierto qué es y qué hace, echemos un vistazo a la sintaxis y descubramos cómo funciona.
Cómo dividir una cadena en JavaScript
El proceso de dividir una cadena en JavaScript es relativamente simple, al igual que la sintaxis del método. El método split acepta dos parámetros opcionales que dictan el comportamiento del método. Echemos un vistazo a la sintaxis del método split y analicémosla para comprender mejor cómo funciona.
strVar.split(separator, limit);
El código anterior muestra la sintaxis del método split y sus dos parámetros. Primero, se llama al método en una variable con un valor de cadena usando la notación de puntos, luego se le da el carácter para dividir y el límite.
El parámetro del separador especifica después de qué carácter dividir la cadena, como un espacio o un carácter no alfanumérico.
let intro = "Hello! I'm The Doctor.";
let subStr = intro.split("!");
El código anterior dividirá la cadena en una matriz de subcadena que contiene dos elementos. El valor de cada artículo sería; «Hola» y «Soy médico». adecuadamente.
El siguiente parámetro especifica el número de veces que esta acción debe ocurrir en la cadena dada.
let intro = "Hello! I'm The Doctor.";
let subStr = intro.split("", 5);
El código anterior dará como resultado una matriz de cinco elementos con los siguientes valores; «H», «e», «l», «l», «o» detenerse después de cinco divisiones produjo cinco elementos de matriz.
El uso del método de división sin parámetros dará como resultado una matriz de un solo elemento con el valor de cadena original.
let intro = "Hello! I'm The Doctor.";
let subStr = intro.split();
Dividir una cadena sin parámetros, como se muestra arriba, da como resultado una matriz de un solo elemento con valor: «¡Hola! Yo soy el médico. » – idéntica a la cadena original.
A continuación, veamos algunos ejemplos de cómo funciona este método y cómo se puede utilizar para realizar varias funciones.
Un ejemplo de JavaScript con un salto de cadena
Dividir una cadena en JavaScript es un proceso sencillo, pero tiene usos potenciales muy sólidos. Un uso popular es crear una rutina que busque y elimine caracteres especiales de un nombre de usuario. Recuerde no confiar en verificaciones lógicas cuando use este método, ya que siempre devuelve verdadero, excepto en caso de error.
Echemos un vistazo a algunas advertencias importantes antes de ver algunos ejemplos.
Advertencias sobre el método de dividir cadenas
Hay algunas advertencias importantes que debe comprender cuando se trata del método de división. A continuación hay una lista que destaca las cosas importantes a considerar.
Las advertencias sobre el parámetro separador se enumeran a continuación.
- El método split siempre devuelve verdadero.
- El parámetro separador faltante devuelve una matriz de un solo elemento con el valor de cadena original.
- Se devuelve una matriz de un solo elemento con el valor de cadena original si el separador no está presente.
- Si el separador se encuentra al final de la cadena, la matriz devuelta tendrá un elemento de cadena vacío adicional.
- Especificar un valor que no sea una cadena como separador devolverá el mensaje de error «Error de tipo no detectado: intro.split no es una función» y hará que el código falle.
- Cuando agrega una subcadena a una nueva matriz, el siguiente carácter que pasa y cualquier acción anterior se asignará al siguiente elemento de la matriz hasta la próxima aparición.
- La división inmediatamente después de una división o al final de una cadena crea una cadena vacía como elemento de la matriz.
Las advertencias sobre el parámetro delimitador se enumeran a continuación.
- El delimitador determina cuántas veces se debe dividir el método en la cadena de destino, pero a menudo se considera el número máximo de elementos de matriz.
- Si no se alcanza el número dado para el límite, no se espera un comportamiento indeseable.
- El delimitador de división siempre debe ser igual o mayor que la matriz devuelta.
- Especificar cero como delimitador devolverá una matriz vacía sin elementos.
- Al calcular el valor numérico del delimitador, tenga cuidado ya que el parámetro del separador puede afectar el número de divisiones que deben ocurrir.
Ahora que conoce las advertencias sobre el uso del método de división y sus parámetros, echemos un vistazo a algunos ejemplos de código para saber cómo usarlo. A continuación se muestra CodePen, que incluye todas las técnicas discutidas anteriormente, para que pueda experimentar con el método de división de cadenas.
Primeros pasos con la división de cadenas en JavaScript
La mejor manera de solidificar su conocimiento del método de cadena dividida de JavaScript es comenzar a usarlo en su código. Para ayudar con esto, el CodePen anterior incluye todo lo discutido en esta publicación, con espacio para construir sobre eso. Puede hacer una copia de CodePen y usarla en esta publicación para usar lo que aprendió aquí.
Una vez que esté seguro de su conocimiento del tema, comience a pensar en formas de mejorar el código. Por ejemplo, puede identificar procesos que se pueden simplificar con un método de ruptura de cadena y limpiar cualquier código. Alternativamente, si no tiene ningún código que pueda aprovechar esto, debe considerar esto cuando escriba código en el futuro.
