在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跨域请求的4种解决方式
Mar 17 Javascript
javascript定义变量时加var与不加var的区别
Dec 22 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
Oct 12 Javascript
13个PHP函数超实用
Oct 21 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
Javascript原型链的原理详解
Jan 05 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
Vue数据监听方法watch的使用
Mar 28 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
Aug 22 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 Javascript
Vue封装全局过滤器Filters的步骤
Sep 16 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文件操作的详细诠释
2013/06/21 PHP
php function用法如何递归及return和echo区别
2014/03/07 PHP
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
javascript 支持链式调用的异步调用框架Async.Operation
2009/08/04 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
JS实现的省份级联实例代码
2013/06/24 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
jQuery validate验证插件使用详解
2016/05/11 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
超详细的JS弹出窗口代码大全
2020/04/18 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
vue通过cookie获取用户登录信息的思路详解
2018/10/30 Javascript
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
使用Vue调取接口,并渲染数据的示例代码
2019/10/28 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
pycharm重置设置,恢复默认设置的方法
2018/10/22 Python
Python定时从Mysql提取数据存入Redis的实现
2020/05/03 Python
结束运行python的方法
2020/06/16 Python
HTML5 使用 sessionStorage 进行页面传值的方法
2018/07/02 HTML / CSS
白色公司:The White Company
2017/10/11 全球购物
土木工程毕业生自荐信
2013/11/12 职场文书
旅游管理毕业生自荐书
2014/02/02 职场文书
服务宗旨标语
2014/07/01 职场文书
电力培训心得体会
2014/09/02 职场文书
浅析NIO系列之TCP
2021/06/15 Java/Android
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL