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