DIV CSS 佈局教程網

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

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

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

  1 使用數組的方式,如下:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <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中返回,如下:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <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 這是最簡單的一種方法,看下面代碼:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <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