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


Posted in Javascript onMay 20, 2015

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

1 使用数组的方式,如下:

<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中返回,如下:

<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 这是最简单的一种方法,看下面代码:

<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 相关文章推荐
js隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
深入浅析react native es6语法
Dec 09 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
JavaScript触发onScroll事件的函数节流详解
Dec 14 Javascript
原生js实现简单的Ripple按钮实例代码
Mar 24 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
vue 添加vux的代码讲解
Nov 30 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
js实现图片3D轮播效果
Sep 21 Javascript
小程序接口的promise化的实现方法
Dec 11 Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 #Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 #Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 #Javascript
JS中的Replace方法使用经验分享
May 20 #Javascript
jquery使用经验小结
May 20 #Javascript
js实现字符串转日期格式的方法
May 20 #Javascript
JavaScript实现带标题的图片轮播特效
May 20 #Javascript
You might like
也谈php网站在线人数统计
2008/04/09 PHP
php操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
WordPress中对访客评论功能的一些优化方法
2015/11/24 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
laravel实现Auth认证,登录、注册后的页面回跳方法
2019/09/30 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
jQuery设置div一直在页面顶部显示的方法
2013/10/24 Javascript
JavaScript实现的日期控件具体代码
2013/11/18 Javascript
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
javascript通过元素id和name直接取得元素的方法
2015/04/28 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
2015/11/30 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
javascript js 操作数组 增删改查的简单实现
2016/06/20 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
你应该知道的python列表去重方法
2017/01/17 Python
python mac下安装虚拟环境的图文教程
2019/04/12 Python
Python中遍历列表的方法总结
2019/06/27 Python
python实现几种归一化方法(Normalization Method)
2019/07/31 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
处理HTML5新标签的浏览器兼容版问题
2017/03/13 HTML / CSS
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
好的自荐信的要求
2013/10/30 职场文书
两年的个人工作自我评价
2014/01/10 职场文书
运动会演讲稿50字
2014/08/25 职场文书
党性分析材料格式
2014/12/19 职场文书
同学聚会致辞集锦
2015/07/28 职场文书