Estoy aprendiendo java script y actualmente estoy aprendiendo expresiones regulares. Estudio por mi cuenta y practico. Tengo un código aleatorio del programa C en el que hay un bucle for, quiero usar java script y regex para reemplazar el bucle for en el bucle while. Si cambio el código en el ciclo while cuando hago clic en el botón, ¿cómo lo hago?
PD. Sé que las preguntas son extrañas y para principiantes, pero solo estoy aprendiendo y quiero aprender.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div id="content"> <code> #include int main() { int i,x; scanf("%d", &x); for (i=1; i<=10; i++) { printf("%d %d\n", i, pow(x,i)); } return 0; } </code> </div> <div class="container"> <div> <button id="btnText">Klikni</button> </div> </div> <script src="java.js"></script> </body> </html>La expresión regular funciona solo para casos simples. Si tiene llaves dentro del bucle, no funcionará. La lógica:
<SPACE_>for<SPACE_OPTIONAL>( (el primer espacio es el grupo 1, y es para evitar la detección de falsos positivos, como la función con el nombre myFuncWithSufix_for(params) );; (grupo 2, que contiene la variable de asignación);; (grupo 3, que contiene la condición);) (grupo 4, que contiene el incremento);{ y } (grupo 5, que contiene el cuerpo del bucle); La bandera g , significa global, y aplicará esta expresión regular varias veces si tiene múltiples for loops ; Después de esto, la sustitución es trivial :)
function replaceForLoopIntoWhileLoop(){ var code = document.getElementById('content').children[0].innerText; var newCode= code.replace(/(\s)for\s*\(([^;]+);([^;]+);([^)]+)\)\s*\{([^}]*)\}/g, '$1$2;\nwhile($3) {\n$5\n$4;\n}'); document.getElementById('content').children[0].innerText = newCode; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div id="content"> <code> #include int main() { int i,x; scanf("%d", &x); for (i=1; i<=10; i++) { printf("%d %d\n", i, pow(x,i)); } return 0; } </code> </div> <div class="container"> <div> <button id="btnText" onclick="replaceForLoopIntoWhileLoop()">Klikni</button> </div> </div> <script src="java.js"></script> </body> </html>