本文給大家匯總了在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>以上所述就是本文全部內容了,希望大家能夠喜歡。