在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 相关文章推荐
jQuery1.6 类型判断实现代码
Sep 01 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
js脚本实现数据去重
Nov 27 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
bootstrap table表格客户端分页实例
Aug 07 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
微信小程序实现星级评价效果
Dec 28 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
Oct 20 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
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
修改php.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
PHP json_encode中文乱码问题的解决办法
2013/09/09 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
2012/07/31 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
2014/12/16 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
JavaScript中的this引用(推荐)
2016/08/05 Javascript
基于jQuery实现Tabs选项卡自定义插件
2016/11/21 Javascript
JavaScript之排序函数_动力节点Java学院整理
2017/06/30 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
2019/02/14 jQuery
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
Python中防止sql注入的方法详解
2017/02/25 Python
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
python子线程退出及线程退出控制的代码
2019/10/16 Python
详解python破解zip文件密码的方法
2020/01/13 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
Python数据可视化图实现过程详解
2020/06/12 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
python利用paramiko实现交换机巡检的示例
2020/09/22 Python
西班牙鞋子和箱包在线销售网站:zapatos.es
2020/02/17 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
家长通知书家长意见
2014/12/30 职场文书
不同意离婚代理词
2015/05/23 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
2016年大学生社会实践心得体会
2015/10/09 职场文书
python通过函数名调用函数的几种方法总结
2021/06/07 Python