在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 相关文章推荐
FCK调用方法..
Dec 21 Javascript
js对数字的格式化使用说明
Jan 12 Javascript
如何获取select下拉框的值(option没有及有value属性)
Nov 08 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
jquery版轮播图效果和extend扩展
Jul 18 jQuery
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 Javascript
Angularjs实现多图片上传预览功能
Jul 18 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
详解puppeteer使用代理
Dec 27 Javascript
基于vue-cli3和element实现登陆页面
Nov 13 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
Dec 21 Javascript
浅析vue-router实现原理及两种模式
Feb 11 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
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
PHP微框架Dispatch简介
2014/06/12 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
JS 添加千分位与去掉千分位的示例
2013/07/11 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
2016/11/24 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
React组件生命周期详解
2017/07/03 Javascript
JavaScript实现数字前补“0”的五种方法示例
2019/01/03 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
js验证账户名是否重复
2020/05/26 Javascript
原生JavaScript实现留言板
2021/01/10 Javascript
深入理解javascript中的this
2021/02/08 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Linux下为不同版本python安装第三方库
2016/08/31 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
scrapy-redis分布式爬虫的搭建过程(理论篇)
2020/09/29 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
波兰办公用品和学校用品在线商店:Dlabiura24.pl
2020/11/18 全球购物
房屋公证委托书
2014/04/03 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
就业推荐表自我评价范文
2015/03/02 职场文书
关于环保的宣传稿
2015/07/23 职场文书
中秋节感想
2015/08/10 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
《打电话》教学反思
2016/02/22 职场文书
使用Selenium实现微博爬虫(预登录、展开全文、翻页)
2021/04/13 Python
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android