Dada una string y la tarea es eliminar un carácter de la string dada.
Método 1: Usar el método replace() : El método replace se usa para reemplazar un carácter/string específico con otro carácter/string. Toma dos parámetros, primero es la string que se reemplazará y el segundo es la string con la que se reemplazará. En este caso, el primer parámetro es el carácter que se va a eliminar y el segundo parámetro se puede dar como una string vacía. Esto eliminará el carácter de la string. Este método elimina la primera aparición de la string.
Sintaxis:
string.replace('characterToReplace', '');
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a character from
string using Javascript?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to remove a character from
a string using Javascript?
</b>
<p>Original string is GeeksforGeeks</p>
<p>
New String is:
<span class="output"></span>
</p>
<button onclick="removeCharacter()">
Remove Character
</button>
<script type="text/javascript">
function removeCharacter() {
originalString = 'GeeksForGeeks';
newString = originalString.replace('G', '');
document.querySelector('.output').textContent
= newString;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 2: usar el método replace() con una expresión regular: este método se usa para eliminar todas las apariciones del carácter especificado, a diferencia del método anterior. Se usa una expresión regular en lugar de la string junto con la propiedad global. Seleccionará cada aparición en la string y se puede eliminar.
Sintaxis:
string.replace(/regExp/g, '');
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a character from
string using Javascript?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to remove a character from
a string using Javascript?
</b>
<p>Original string is GeeksforGeeks</p>
<p>
New String is:
<span class="output"></span>
</p>
<button onclick="removeCharacter()">
Remove Character
</button>
<script type="text/javascript">
function removeCharacter() {
originalString = 'GeeksForGeeks';
newString = originalString.replace(/G/g, '');
document.querySelector('.output').textContent
= newString;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 3: Eliminación del primer o último carácter usando el método slice(): El método slice() se usa para extraer partes de una string entre los parámetros dados. Este método toma el índice inicial y el índice final de la string y devuelve la string entre estos índices. Si no se especifica el índice final, se supone que es la longitud de la string. El primer carácter podría eliminarse especificando que el índice inicial sea 1. Extrae la string desde el segundo carácter hasta el final de la string. El último carácter podría eliminarse especificando que el índice final sea uno menos que la longitud de la string. Esto extrae la string desde el principio de la string hasta el penúltimo carácter.
Sintaxis:
// Removing the first character string.slice(1); // Removing the last character string.slice(0, string.length - 1);
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a character from
string using Javascript?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to remove a character from
a string using Javascript?
</b>
<p>Original string is GeeksforGeeks</p>
<p>
First character removed string:
<span class="output1"></span>
</p>
<p>
Last character removed string:
<span class="output2"></span>
</p>
<button onclick="removeCharacter()">
Remove Character
</button>
<script type="text/javascript">
function removeCharacter() {
originalString = 'GeeksForGeeks';
firstCharRemoved = originalString.slice(1);
lastCharRemoved =
originalString.slice(0, originalString.length - 1);
document.querySelector('.output1').textContent
= firstCharRemoved;
document.querySelector('.output2').textContent
= lastCharRemoved;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 4: Eliminar un carácter en particular en un índice dado usando el método substr(): Este método se puede usar para eliminar un carácter de un índice en particular en la string. El método substr() se usa para extraer partes de una string entre los parámetros dados. Este método toma dos parámetros, uno es el índice inicial y el otro es el índice final de la string. Se devuelve la string entre estos índices. La parte de la string anterior y posterior al carácter que se va a eliminar se separa y se une. Esto elimina el carácter del índice específico.
Sintaxis:
string.substr(0, position - 1) + string.substr(position, string.length);
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a character from
string using Javascript?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to remove a character from
a string using Javascript?
</b>
<p>Original string is GeeksforGeeks</p>
<p>
New String is:
<span class="output"></span>
</p>
<!-- Removing the 6th character -->
<button onclick="removeCharacter(6)">
Remove Character
</button>
<script type="text/javascript">
function removeCharacter(position) {
originalString = 'GeeksForGeeks';
newString = originalString.substr(0, position - 1)
+ originalString.substr(position, originalString.length);
document.querySelector('.output').textContent = newString;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA