在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 相关文章推荐
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
vue2.0实战之基础入门(1)
Mar 27 Javascript
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
Seajs源码详解分析
Apr 02 Javascript
Vue传参一箩筐(页面、组件)
Apr 04 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 Javascript
vue全局使用axios的操作
Sep 08 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生成静态页面教程
2012/01/10 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
精通Javascript系列之数值计算
2011/06/07 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
JavaScript之Map和Set_动力节点Java学院整理
2017/06/29 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
微信小程序多列表渲染数据开关互不影响的实现
2020/06/05 Javascript
Python threading多线程编程实例
2014/09/18 Python
Python编程中对super函数的正确理解和用法解析
2016/07/02 Python
利用python模拟sql语句对员工表格进行增删改查
2017/07/05 Python
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python制作exe文件简单流程
2019/01/24 Python
详解python中TCP协议中的粘包问题
2019/03/22 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
python 多进程队列数据处理详解
2019/12/23 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
化学专业大学生职业生涯规划范文
2014/09/13 职场文书
基层党组织整改方案
2014/10/25 职场文书
幼儿园2014年度工作总结
2014/11/10 职场文书
同学毕业留言寄语
2015/02/27 职场文书
党课主持词大全
2015/06/30 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python