DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 在JS方法中返回多個值的方法匯總
在JS方法中返回多個值的方法匯總
編輯:關於JavaScript     

在使用JS編程中,有時需要在一個方法返回兩個個或兩個以上的數據,用下面的幾種方法都可以實現:

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>

以上所述就是本文全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved