ホームページ > 記事 > ウェブフロントエンド > JSメソッドで複数の値を返すメソッドまとめ_JavaScriptのヒント

JSメソッドで複数の値を返すメソッドまとめ_JavaScriptのヒント

WBOYオリジナル: 2016-05-16 15:58:191375ブラウズ

JS でプログラミングする場合、1 つのメソッドで 2 つ以上のデータを返す必要がある場合があります。これは、次のメソッドを使用することで実現できます。

1 配列の使用方法は次のとおりです。

<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 次のように、データを Json にカプセル化して返します。

<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>

Json の詳細については、ここを参照してください

3 これは最も簡単な方法です。以下のコードを見てください:

<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>

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：ネイティブの js_javascript スキルで実装されたゲームの Snake Web バージョンの完全な例次の記事：ネイティブの js_javascript スキルで実装されたゲームの Snake Web バージョンの完全な例

続きを見る

JSメソッドで複数の値を返すメソッドまとめ_JavaScriptのヒント

関連記事