在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 相关文章推荐
二行代码解决全部网页木马
Mar 28 Javascript
Extjs学习笔记之六 面版
Jan 08 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
javascript实现模拟时钟的方法
May 13 Javascript
JS动态加载脚本并执行回调操作
Aug 24 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
基于jQuery实现咖啡订单管理简单应用
Feb 10 Javascript
基于vue cli重构多页面脚手架过程详解
Jan 23 Javascript
vue iview实现动态路由和权限验证功能
Apr 17 Javascript
微信小程序框架的页面布局代码
Aug 17 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
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 中文字符串首字母的获取函数分享
2013/11/04 PHP
php自定文件保存session的方法
2014/12/10 PHP
PHP实现中文圆形印章特效
2015/06/19 PHP
PHP微信支付开发实例
2016/06/22 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
用js遍历 table的脚本
2008/07/23 Javascript
简明json介绍
2008/09/28 Javascript
js制作的鼠标悬浮时产生的下拉框效果
2012/10/27 Javascript
js内存泄露的几种情况详细探讨
2013/05/31 Javascript
JavaScript中的style.cssText使用教程
2014/11/06 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
js实现新年倒计时效果
2015/12/10 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
2018/04/08 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
python实现合并两个数组的方法
2015/05/16 Python
python广度优先搜索得到两点间最短路径
2019/01/17 Python
基于python if 判断选择结构的实例详解
2019/05/06 Python
python序列类型种类详解
2020/02/26 Python
Python3.9.1中使用match方法详解
2021/02/08 Python
5 个强大的HTML5 API 函数推荐
2014/11/19 HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
办公室主任先进事迹
2014/01/18 职场文书
银行党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
自我推荐信格式模板
2015/03/24 职场文书
停电通知范文
2015/04/16 职场文书
同乡会致辞
2015/07/30 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
Pandas自定义选项option设置
2021/07/25 Python
Spring Boot实现文件上传下载
2022/08/14 Java/Android