JavaScript: Comment puis-je retourner deux valeurs à partir d'une fonction et l'appel de ces deux variables dans une autre fonction?

Vous ne pouvez pas retourner deux valeurs comme ceci:

return (num1, num2);

Javascript ne fonctionne pas de cette façon. Si vous essayez de faire un Python-comme tuple, Javascript n'a pas une structure de données avec cette syntaxe.

Vous pouvez mettre deux valeurs dans un tableau et de retourner un tableau ou deux valeurs dans un objet et de retour de l'objet.

Et, ensuite, lorsque vous appelez la fonction, vous devez affecter le résultat de quelque chose afin d'utiliser le résultat retourné.

Voici une façon de retourner un tableau:

function getValues(){
    var num1 = document.getElementById("firstNum").value;
    var num2 = document.getElementById("secondNum").value;
    //return array of two values
    return [num1, num2];
}

function add(){
   //get values and assign the returned array to a local variable named values
   var values = getValues();
   return parseFloat(values[0]) + parseFloat(values[1]);
}

Ou, vous pouvez mettre les deux valeurs dans un objet avec des propriétés nommées:

function getValues(){
    var num1 = document.getElementById("firstNum").value;
    var num2 = document.getElementById("secondNum").value;
    //return array of two values
    return {firstNum: num1, secondNum: num2};
}

function add(){
   //get values and assign the returned array to a local variable named values
   var values = getValues();
   return parseFloat(values.firstNum) + parseFloat(values.secondNum);
}

L'objet de la syntaxe est plus descriptif et détaillé parce que chaque propriété a un nom pertinent, plutôt que de simplement un index numérique, mais c'est aussi moins compact. Dans ce cas particulier, vous pouvez utiliser soit l'objet ou le tableau.

ES6 Déstructuration de mise à Jour

Lors du retour de deux valeurs dans un tableau ou un objet, vous pouvez également utiliser ES6 syntaxe pour raccourcir le code pour le faire. Par exemple, lors du retour de l'objet, vous pouvez utiliser le raccourci syntaxe qui attribue le nom de la propriété que le même nom que la variable:

return {num1, num2};

Cela renvoie en fait un objet qui est comme ça:

{ num1: num1, num2: num2 }

Et, ensuite, lorsque vous appelez cette fonction, vous pouvez utiliser déstructuration assigner des valeurs aux variables:

function getValues(){
    var num1 = document.getElementById("firstNum").value;
    var num2 = document.getElementById("secondNum").value;
    //return array of two values
    return {num1, num2};
}

let {num1, num2} = getValues();
console.log(num1);
console.log(num2);

Ou, vous pouvez utiliser la déstructuration de la même façon avec un tableau:

function getValues(){
    var num1 = document.getElementById("firstNum").value;
    var num2 = document.getElementById("secondNum").value;
    //return array of two values
    return [num1, num2];
}

let [num1, num2] = getValues();
console.log(num1);
console.log(num2);

OriginalL'auteur jfriend00

Dans ECMAScript 6 (ES6), vous pouvez utiliser l'objet déstructuration, en utilisant des accolades pour créer et décompresser des objets (il ressemble à un n-uplet dans votre cas). Vous pouvez également faire usage de la valeur de la propriété d'abréviation disponible dans ES6:

const getValues = () => {
  const num1 = document.getElementById("firstNum").value;
  const num2 = document.getElementById("secondNum").value;
  return { num1, num2 }; //note that this is the property value shorthand. 
  //It is a shorthand for { num1: num1, num2: num2 }
}

const add = () => {
  const { num1, num2 } = getValue(); //unpack using object destructuring
  return parseFloat(num1) + parseFloat(num2);
}

Plus d'informations ici: http://www.benmvp.com/learning-es6-enhanced-object-literals/

OriginalL'auteur Vinnie

Vous ne pas besoin de retourner plusieurs valeurs dans votre code.

           function getValue(ID){
                return document.getElementById(ID).value;
            }

            function add(){
                var result = parseFloat(getValue("firstNum")) + 
                             parseFloat(getValue("secondNum"));

                return result;
            }

Le code ci-dessus échoue si l'Id n'existe pas, mais ce sera le vôtre.

OriginalL'auteur PM 77-1

Vous pourriez mettre votre des variables dans un joli petit objet, comme suit:

return {num1: num1, num2: num2};

Alors:

var values = getValue();

var result = parseFloat(values.num1) + parseFloat(values.num2);

Et ainsi de suite..

OriginalL'auteur LeFex