您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
在JS方法中返回多个值的方法汇总
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本文给大家汇总了在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>以上所述就是本文全部内容了，希望大家能够喜欢。
- 上一个程序编程： AspNet中使用JQuery上传插件Uploadify详解
- 下一个程序编程： javascript消除window.close()的提示窗口
