Para devolver múltiples valores de una función, no podemos devolverlos directamente. Pero podemos devolverlos en forma de Array y Object.
Ejemplo 1: este ejemplo devuelve la array [“GFG_1”, “GFG_2”] que contiene varios valores.
<!DOCTYPE html> <html> <head> <title> JavaScript | Return multiple values from function </title> </head> <body style = "text-align:center;"> <h1 style = "color:green;" > GeeksForGeeks </h1> <p id="GFG_UP" style="color:green;font-size: 20px;"></p> <button id="GFG_Button" onclick = "returnVal()"> ReturnValues </button> <p id = "GFG_P" style = "color:green; font-size: 20px;"></p> <script> var up = document.getElementById("GFG_UP"); var down = document.getElementById("GFG_P"); function set(){ return ["GFG_1", "GFG_2"]; } up.innerHTML = set; function returnVal() { down.innerHTML = set(); } </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 devuelve el objeto return {Prop_1: «Value_1», Prop_2: «Value_2» }; que contiene varios valores.
<!DOCTYPE html> <html> <head> <title> JavaScript | Return multiple values from function </title> </head> <body style = "text-align:center;"> <h1 style = "color:green;" > GeeksForGeeks </h1> <p id = "GFG_UP" style = "color:green; font-size: 20px;"></p> <button id="GFG_Button" onclick = "returnVal()"> ReturnValues </button> <p id = "GFG_P" style = "color:green; font-size: 20px;"></p> <script> var up = document.getElementById("GFG_UP"); var down = document.getElementById("GFG_P"); function set() { return { Prop_1: "Value_1", Prop_2: "Value_2" }; } up.innerHTML = set; function returnVal() { var val = set(); down.innerHTML = "Prop_1 = " + val['Prop_1'] + "<br>Prop_2 = " + val['Prop_2']; } </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