在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 相关文章推荐
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
js实现简单计算器
Nov 22 Javascript
js和jquery分别验证单选框、复选框、下拉框
Dec 17 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
Dec 14 Javascript
详解vue.js的devtools安装
May 26 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
详解JavaScript数据类型和判断方法
Sep 04 Javascript
JavaScript实现移动小精灵的案例代码
Dec 12 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获取本周第一天和最后一天示例代码
2014/02/24 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
php中strtotime函数性能分析
2016/11/20 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
php设计模式之适配器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
详解nodejs通过响应回写的方式渲染页面资源
2018/04/07 NodeJs
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
python生成指定长度的随机数密码
2014/01/23 Python
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
python计算列表内各元素的个数实例
2018/06/29 Python
在python plt图表中文字大小调节的方法
2019/07/08 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
Python单例模式的四种创建方式实例解析
2020/03/04 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
业务主管岗位职责
2013/11/20 职场文书
护理专业大学生自我推荐信
2014/01/25 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
自我检讨书怎么写
2015/05/07 职场文书
刑事上诉状(无罪)
2015/05/23 职场文书
幸福来敲门观后感
2015/06/04 职场文书
小学数学国培研修日志
2015/11/13 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP