recherche

Maison >interface Web >js tutoriel >Résumé des méthodes pour renvoyer plusieurs valeurs dans les astuces JS méthodes_javascript

Résumé des méthodes pour renvoyer plusieurs valeurs dans les astuces JS méthodes_javascript

WBOY
WBOYoriginal
2016-05-16 15:58:191442parcourir

Lors de la programmation avec JS, il est parfois nécessaire de renvoyer deux données ou plus en une seule méthode. Cela peut être réalisé en utilisant les méthodes suivantes :

1 La façon d'utiliser les tableaux est la suivante : 

<html>
<head>
  <title>JS函数返回多个值</title>
</head>
<body>
  <input type="button" onclick="getNames()" value="test" />

  <script type="text/javascript">
function getData()
{
  var names=new Array("oec2003","oec2004");
  return names;
}
function getNames()
{
  var names=getData();
  alert(getData()[0]); //返回oec2003
}
</script>

</body>
</html>

2 Encapsulez les données dans Json et renvoyez-les, comme suit : 

<html>
<head>
<title>JS函数返回多个值</title>
</head>
<body>
<input type="button" onclick="getInfo()" value="test"/>
<script type="text/javascript">
function getData()
{
  var info={"name":"oec2003","age":"25"};
  return info;
}
function getInfo()
{
  var info=getData();
  var name=info["name"];
  var age=info["age"];
  alert("姓名："+name+" 年龄："+age);
}
</script>
</body>
</html>

Pour une introduction plus détaillée à Json, veuillez voir ici

3 C'est la méthode la plus simple, regardez le code ci-dessous : 

<html>
<head>
<title>JS函数返回多个值</title>
</head>
<body>
<input type="button" onclick="getInfo()" value="test"/>
<script type="text/javascript">
  function getData()
  {
    return ["oec2003", 25]
  }
  function getInfo()
  {
    var info = getData();
    alert("姓名：" + info[0] + "年龄：" + info[1]);
  }
</script>
</body>
</html>

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Un exemple complet de la version Web Snake du jeu implémentée dans les compétences natives js_javascriptArticle suivant：Un exemple complet de la version Web Snake du jeu implémentée dans les compétences natives js_javascript

Articles Liés

Voir plus