Método 1: Usar el método replace() con una expresión regular: El método replace() se usa para reemplazar el patrón dado con otra string. La string de patrón puede ser una string o una expresión regular. Esta función devolverá una nueva string con la string reemplazada.
Se utiliza una expresión regular para reemplazar todas las barras diagonales. Como la barra inclinada (/) es un carácter especial en las expresiones regulares, debe escaparse con una barra inclinada hacia atrás (\). Además, para reemplazar todas las barras diagonales en la string, se usa el modificador global (g). Reemplazará todas las barras diagonales en la string dada.
Sintaxis:
originalString.replace(/\//g, replacementString)
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to globally replace a forward
slash in a JavaScript string?
</title>
</head>
<body>
<h1 style="color: green">
GeeksForGeeks
</h1>
<b>
How to globally replace a forward slash
in a JavaScript string?
</b>
<p>
The original string is:
string / with some // slashes /
</p>
<p>
The string after replacing the
forward slashes is:
<span class="output"></span>
</p>
<button onclick="replaceSlashes()">
Replace Slashes
</button>
<script type="text/javascript">
function replaceSlashes() {
let origString = 'string / with some // slashes /';
let replacementString = '*';
let replacedString =
origString.replace(/\//g, replacementString);
document.querySelector('.output').textContent =
replacedString;
}
</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: dividir en lugar de la barra inclinada y unirla con la string requerida: el método split() se usa para separar una string en una array de strings según el separador. La string se separa primero sobre la base de la barra inclinada como separador. Dará una array de strings separadas en el punto donde estaba presente la barra inclinada.
El método join() se usa para concatenar una array de strings con un separador específico. El carácter requerido que se utilizará en lugar del carácter directo se pasa como parámetro aquí. Esto reemplazará todas las barras diagonales en la string dada.
Sintaxis:
origString.split('/').join(replacementString)
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to globally replace a forward
slash in a JavaScript string?
</title>
</head>
<body>
<h1 style="color: green">
GeeksForGeeks
</h1>
<b>
How to globally replace a forward
slash in a JavaScript string?
</b>
<p>
The original string is:
string / with some // slashes /
</p>
<p>
The string after replacing the
forward slashes is:
<span class="output"></span>
</p>
<button onclick="replaceSlashes()">
Replace Slashes
</button>
<script type="text/javascript">
function replaceSlashes() {
let origString = 'string / with some // slashes /';
let replacementString = '*';
let replacedString =
origString.split('/').join(replacementString);
document.querySelector('.output').textContent =
replacedString;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA