在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 相关文章推荐
JavaScript DOM学习第四章 getElementByTagNames
Feb 19 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
Jul 27 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 Javascript
PhotoSwipe异步动态加载图片方法
Aug 25 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
微信小程序 slider的简单实例
Apr 19 Javascript
js自定义弹框插件的封装
Aug 24 Javascript
浅谈Vue数据绑定的原理
Jan 08 Javascript
如何使用three.js 制作一个三维的推箱子游戏
Jul 29 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生成html分页列表的代码
2007/03/18 PHP
PHP基础知识介绍
2013/09/17 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
php实现微信支付之退款功能
2018/05/30 PHP
脚本收藏iframe
2006/07/21 Javascript
javascript一些不错的函数脚本代码
2008/09/10 Javascript
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
2011/03/01 Javascript
Jquery中使用setInterval和setTimeout的方法
2013/04/08 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
浅谈JavaScript字符串拼接
2015/06/25 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
解决pycharm界面不能显示中文的问题
2018/05/23 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
python装饰器使用实例详解
2019/12/14 Python
python中如何设置代码自动提示
2020/07/15 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
社区工作感言
2014/02/21 职场文书
公司保密承诺书
2014/03/27 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
捐款通知怎么写
2015/04/24 职场文书
加薪申请报告范本
2015/05/15 职场文书
自书遗嘱范文
2015/08/07 职场文书
英语教学课后反思
2016/02/15 职场文书
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python