JSメソッドで複数の値を返すメソッドまとめ_JavaScriptのヒント-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

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

May 16, 2016 pm 03:58 PM

js 複数の値を返す

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

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

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

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

&lt;/body&gt;
&lt;/html&gt;

ログイン後にコピー

2 次のように、データを Json にカプセル化して返します。

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;JS函数返回多个值&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input type="button" onclick="getInfo()" value="test"/&gt;
&lt;script type="text/javascript"&gt;
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);
}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

ログイン後にコピー

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

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

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

ログイン後にコピー

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

このウェブサイトの声明

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