快捷導(dǎo)航

在JS方法中返回多個(gè)值的方法匯總

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

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

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

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

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

更詳細(xì)的Json的介紹請(qǐng)看這里

3 這是最簡(jiǎn)單的一種方法，看下面代碼：

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

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

您可能感興趣的文章:

相關(guān)文章

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