在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基础教程之if条件语句
Jan 18 Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 Javascript
JQuery.Ajax()的data参数类型实例详解
Nov 20 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
AngularJS中的promise用法分析
May 19 Javascript
详解基于vue-cli优化的webpack配置
Nov 06 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 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下目前为目最全的CURL中文说明
2010/08/01 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
多广告投放代码 推荐
2006/11/13 Javascript
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
js 小贴士一星期合集
2010/04/07 Javascript
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
Nodejs实现的一个简单udp广播服务器、客户端
2014/09/25 NodeJs
javascript面向对象快速入门实例
2015/01/13 Javascript
JavaScript通过prototype给对象定义属性用法实例
2015/03/23 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
解析Vue.js中的组件
2018/02/02 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
python如何实现内容写在图片上
2018/03/23 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
利用python循环创建多个文件的方法
2018/10/25 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
django 中使用DateTime常用的时间查询方式
2019/12/03 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
师范学院毕业生求职信
2014/06/24 职场文书
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android