Desarrollo y Diseño

Cómo Eliminar un Carácter de una Cadena (String) en JavaScript

En este rápido artículo, veremos cómo se puede eliminar un carácter de una cadena en JavaScript. Te mostraré algunas formas diferentes de hacerlo.

Junto con HTML y CSS, JavaScript es una de las tecnologías centrales de la web. La mayoría de los sitios web lo utilizan, y todos los navegadores modernos lo soportan sin necesidad de plugins. Tiene una enorme comunidad, y el ecosistema está evolucionando rápidamente. En esta serie, hablaremos de diferentes consejos y trucos que te ayudarán en tu desarrollo diario de JavaScript.

En JavaScript, las cadenas o String tienen muchas propiedades y métodos diferentes que podemos utilizar para transformarlas o extraer información útil de ellas. De hecho, a menudo hay muchas formas diferentes de hacer lo mismo con una cadena. Hoy discutiremos algunas formas diferentes de eliminar un carácter específico de una cadena.

El Método replace

En JavaScript, el método replace es uno de los más utilizados para eliminar un carácter de una cadena. Por supuesto, el propósito original de este método es reemplazar una cadena con otra cadena, pero también podemos usarlo para eliminar un carácter de una cadena reemplazándolo con una cadena vacía.

Veamos el siguiente ejemplo para entender cómo funciona exactamente.

var strWebsiteName = "\nmenteprincipiante.com;
var strNewWebsiteName = strWebsiteName.replace("\n", "");
console.log(strNewWebsiteName);
//output: "menteprincipiante.com"

En el ejemplo anterior, la variable de cadena strWebsiteName contiene el carácter \n, y queremos eliminarlo.

Por lo tanto, hemos utilizado el método replace para lograrlo. El método replace toma dos argumentos, el primer argumento es una cadena que se quiere reemplazar en la cadena fuente, y el segundo argumento es una cadena que será reemplazada por la cadena coincidente. En nuestro caso, queremos eliminar la cadena coincidente, por lo que hemos proporcionado una cadena vacía en el segundo argumento. Así, el efecto global es que la cadena coincidente será eliminada de la cadena fuente, y la variable strNewWebsiteName contendrá la cadena resultante.

Es importante tener en cuenta que el método replace sólo reemplaza la primera ocurrencia de una cadena en la cadena de origen. Por lo tanto, si desea eliminar todas las apariciones de un carácter específico de la cadena de origen, debe utilizar una expresión regular en el método replace . Y eso es lo que discutiremos en la siguiente sección.

El método replace con una expresión regular

En esta sección, discutiremos cómo puede utilizar una expresión regular para eliminar cada instancia de un carácter específico de una cadena con el método replace.

Veamos el siguiente ejemplo para entender cómo funciona.

var strWebsiteName = "\nmenteprincipiante.com\n\n\n\n";
var strNewWebsiteName = strWebsiteName.replace(/(\n)/gm,"");

console.log(strNewWebsiteName);
//output: "menteprincipiante.com"

En el ejemplo anterior, hemos utilizado una expresión regular en el primer argumento del método replace. Eliminará todas las apariciones del carácter \n de la cadena fuente.

De hecho, cuando usas una expresión regular con el método replace, puedes usar una función callback para procesar el reemplazo como se muestra en el siguiente ejemplo.

function removeCharCallback(match, replaceString, offset, string) {
return "";
}

var strWebsiteName = "\nmenteprincipiante.com\n\n\n\n";
var strNewWebsiteName = strWebsiteName.replace(/(\n)/gm, removeCharCallback);

console.log(strNewWebsiteName);
//output: "menteprincipiante.com"

En lugar de reemplazar directamente el carácter \n por una cadena vacía, hemos utilizado una función callback en el segundo argumento del método replace . El valor de retorno de la función callback debe ser el valor con el que se quiere reemplazar la cadena coincidente. Esto puede ser útil para tipos de reemplazos más sofisticados.

Así es como puedes utilizar el método replace con una expresión regular para eliminar todas las apariciones de un carácter específico de la cadena fuente.

 

Etiquetas

Acerca del Autor

Andrés Villanueva

Fundador de MentePrincipiante, Andrés es apasionado de la tecnología y de todo lo que tiene un botón de encendido, pasa la mayor parte de su tiempo desarrollando nuevas habilidades y aprendiendo más sobre el mundo de la tecnología.

Con una sólida experiencia en la construcción de PCs y en el desarrollo de software, y con una completa experiencia en dispositivos táctiles, ¡está constantemente atento a lo último y lo mejor!

Agregar un Comentario

Clic Aqui para Publicar un Comentario