Aquí se da una string y la tarea es insertar un carácter después de cada n caracteres en esa string. Aquí hay 2 ejemplos discutidos a continuación.
Enfoque 1: en este enfoque, la string se divide en fragmentos mediante el método substr() y se envía a una array mediante el método push() . Se devuelve la array de fragmentos que luego se unieron usando el método join() en cualquier carácter.
Ejemplo:
html
<!DOCTYPE HTML>
<html>
<head>
<title>
Insert a character after
every n characters in JavaScript
</title>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color: green">
GeeksForGeeks
</h1>
<p id = "GFG_UP">
</p>
<button onclick = "gfg_Run()">
Click Here
</button>
<p id = "GFG_DOWN">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str = "A computer science portal for Geeks";
el_up.innerHTML =
"Click on the button to perform the operation.<br>'" + str + "'";
function partition(str, n) {
var return = [];
var i, l;
for(i = 0, l = str.length; i < l; i += n) {
return.push(str.substr(i, n));
}
return return;
};
function gfg_Run() {
el_down.innerHTML = partition(str, 5).join('@');
}
</script>
</body>
</html>
Producción:
Enfoque 2: en este enfoque, se usa RegExp que selecciona las partes de la string y luego se une a cualquier carácter usando el método join() .
Ejemplo:
html
<!DOCTYPE HTML>
<html>
<head>
<title>
Insert a character after
every n characters in JavaScript
</title>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color: green">
GeeksForGeeks
</h1>
<p id = "GFG_UP">
</p>
<button onclick = "gfg_Run()">
Click Here
</button>
<p id = "GFG_DOWN">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str = "A computer science portal for Geeks";
el_up.innerHTML =
"Click on the button to perform the operation.<br>'" + str + "'";
function gfg_Run() {
el_down.innerHTML = str.match(/.{1, 5}/g).join('@');
}
</script>
</body>
</html>
Producció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