快捷導航

在JS方法中返回多個值的方法匯總

更新時間：2015年05月20日 10:45:40 投稿：hebedich

本文給大家匯總了在javascript方法中返回多個值的方法，都是在個人項目中檢驗過的，這里推薦給大家，有需要的小伙伴可以參考下。

在使用JS編程中，有時需要在一個方法返回兩個個或兩個以上的數(shù)據(jù)，用下面的幾種方法都可以實現(xiàn)：

1 使用數(shù)組的方式，如下：

<html>
<head>
  <title>JS函數(shù)返回多個值</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 將數(shù)據(jù)封裝到Json中返回，如下：

<html>
<head>
<title>JS函數(shù)返回多個值</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函數(shù)返回多個值</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>

以上所述就是本文全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

js實現(xiàn)右鍵菜單功能
這篇文章主要為大家詳細介紹了js實現(xiàn)右鍵菜單功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
微信小程序 slot踩坑的解決
這篇文章主要介紹了微信小程序 slot踩坑的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
詳解JavaScript的流程控制語句
這篇文章主要介紹了JavaScript的流程控制語句，感興趣的小伙伴們可以參考一下
2015-11-11
JavaScript 解析數(shù)學表達式的過程詳解
這篇文章主要介紹了JavaScript 解析數(shù)學表達式的過程詳解,本文以一個的解題思路，來分享如何解決問題，解決的過程，可以作為解決工作中一般問題的通用思路，對js解析表達式相關(guān)知識感興趣的朋友一起看看吧
2022-06-06
js實現(xiàn)兼容IE、Firefox的圖片縮放代碼
這篇文章主要介紹了js實現(xiàn)兼容IE、Firefox的圖片縮放代碼,涉及JavaScript操作圖片元素的相關(guān)技巧,需要的朋友可以參考下
2015-12-12
getElementsByTagName vs selectNodes效率及兼容的selectNodes實現(xiàn)
天在csdn上看到有人問 getElementsByTagName 和 selectNodes誰更快，這個還真沒研究過。
2010-02-02
JavaScript深拷貝的幾種實現(xiàn)方法實例
javascript深拷貝是初學者甚至有經(jīng)驗的開發(fā)著,都會經(jīng)常遇到問題,下面這篇文章主要給大家介紹了關(guān)于JavaScript深拷貝的幾種實現(xiàn)方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-05-05
Div+CSS+JS樹型菜單，可刷新
Div+CSS+JS樹型菜單，可刷新...
2006-07-07
JS中ESModule和commonjs介紹及使用區(qū)別
這篇文章主要介紹了JS中ESModule和commonjs介紹及使用區(qū)別,文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下
2022-07-07
js實現(xiàn)文字閃爍特效的方法
這篇文章主要介紹了js實現(xiàn)文字閃爍特效的方法，使用style對象來設(shè)置css屬性，結(jié)合定時器就可以實現(xiàn)該功能，感興趣的小伙伴們可以參考一下
2015-12-12