在JS方法中返回多个值的方法汇总

本文给大家汇总了在javascript方法中返回多个值的方法，都是在个人项目中检验过的，这里推荐给大家，有需要的小伙伴可以参考下。

在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现：

1 使用数组的方式，如下：

1. <html> 
2. <head> 
3. <title>JS函数返回多个值</title> 
4. </head> 
5. <body> 
6. <input type="button" onclick="getNames()" value="test" /> 
7.  
8. <script type="text/javascript"> 
9. function getData() 
10. { 
11. var names=new Array("oec2003","oec2004"); 
12. return names; 
13. } 
14. function getNames() 
15. { 
16. var names=getData(); 
17. alert(getData()[0]); //返回oec2003 
18. } 
19. </script> 
20.  
21. </body> 
22. </html> 

2 将数据封装到Json中返回，如下：

1. <html> 
2. <head> 
3. <title>JS函数返回多个值</title> 
4. </head> 
5. <body> 
6. <input type="button" onclick="getInfo()" value="test"/> 
7. <script type="text/javascript"> 
8. function getData() 
9. { 
10. var info={"name":"oec2003","age":"25"}; 
11. return info; 
12. } 
13. function getInfo() 
14. { 
15. var info=getData(); 
16. var name=info["name"]; 
17. var age=info["age"]; 
18. alert("姓名："+name+" 年龄："+age); 
19. } 
20. </script> 
21. </body> 
22. </html> 

更详细的Json的介绍请看这里

3 这是最简单的一种方法，看下面代码：

1. <html> 
2. <head> 
3. <title>JS函数返回多个值</title> 
4. </head> 
5. <body> 
6. <input type="button" onclick="getInfo()" value="test"/> 
7. <script type="text/javascript"> 
8. function getData() 
9. { 
10. return ["oec2003", 25] 
11. } 
12. function getInfo() 
13. { 
14. var info = getData(); 
15. alert("姓名：" + info[0] + "年龄：" + info[1]); 
16. } 
17. </script> 
18. </body> 
19. </html> 

以上所述就是本文全部内容了，希望大家能够喜欢。