萬盛學電腦網 >> 腳本專題 >> javascript >> 在JS方法中返回多個值的方法匯總
在JS方法中返回多個值的方法匯總
本文給大家匯總了在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>以上所述就是本文全部內容了，希望大家能夠喜歡。
javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved