Para invertir la string en su lugar, vamos a utilizar una serie de métodos y los más preferidos. Vamos a utilizar estos métodos (haga clic para saber más).
Ejemplo-1: Este ejemplo invierte la string dividiéndola primero con el separador («») y luego invirtiéndola y finalmente uniéndola con el separador («») .
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript |
Reverse a string in place.
</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 16px; font-weight: bold;">
</p>
<button onclick="gfg_Run()">
Inplace Reverse
</button>
<p id="GFG_DOWN"
style="color:green;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str = 'This is GeeksForGeeks';
el_up.innerHTML = "String = " + "'" + str + "'";
function gfg_Run() {
el_down.innerHTML = str.split("").reverse().join("");
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo-2: Este ejemplo utiliza el concepto de algoritmo de clasificación por fusión.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript | Reverse a string in place.
</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 16px;
font-weight: bold;">
</p>
<button onclick="gfg_Run()">
Inplace Reverse
</button>
<p id="GFG_DOWN"
style="color:green; font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str = 'This is GeeksForGeeks';
el_up.innerHTML = "String = " + "'" + str + "'";
function reverse(s) {
if (s.length < 2)
return s;
var hIndex = Math.ceil(s.length / 2);
return reverse(s.substr(hIndex)) +
reverse(s.substr(0, hIndex));
}
function gfg_Run() {
el_down.innerHTML = reverse(str);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo-3: Este ejemplo toma una variable y agrega el resultado desde el final de la string.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript | Reverse a string in place.
</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 16px;
font-weight: bold;">
</p>
<button onclick="gfg_Run()">
Inplace Reverse
</button>
<p id="GFG_DOWN"
style="color:green;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str = 'A Computer Science Portal'
el_up.innerHTML = "String = " + "'" + str + "'";
function reverse(s) {
for(var i = s.length - 1, o = ''; i >= 0; o += s[i--])
{}
return o;
}
function gfg_Run() {
el_down.innerHTML = reverse(str);
}
</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 PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA