在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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
How to Auto Include a Javascript File
Feb 02 Javascript
“不能执行已释放的Script代码”错误的原因及解决办法
Sep 09 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
Javascript实现代码折叠功能
Aug 25 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
vue实例的选项总结
Jun 09 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
对盗链说再见...
2006/10/09 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
Yii清理缓存的方法
2016/01/06 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
django中的ajax组件教程详解
2018/10/18 PHP
PHP实现简单登录界面
2019/10/23 PHP
js静态作用域的功能。
2006/12/25 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
ModelDialog JavaScript模态对话框类代码
2011/04/17 Javascript
js对象基础实例分析
2015/01/13 Javascript
教你使用javascript简单写一个页面模板引擎
2015/05/05 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
2016/05/24 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
Vue的双向数据绑定实现原理解析
2020/02/17 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
python输出指定月份日历的方法
2015/04/23 Python
Windows安装Python、pip、easy_install的方法
2017/03/05 Python
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
Python常用模块之requests模块用法分析
2019/05/15 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
Python jieba库用法及实例解析
2019/11/04 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
校班主任推荐信范文
2013/12/03 职场文书
精彩的英文自荐信
2014/01/30 职场文书
施工安全承诺书
2014/05/22 职场文书
应届毕业生自荐信
2014/05/28 职场文书
分公司任命书
2014/06/06 职场文书
我是特种兵观后感
2015/06/11 职场文书
Python可视化学习之seaborn调色盘
2022/02/24 Python