在JS方法中返回多个值的方法汇总

 更新时间:2015年05月20日 10:45:40   投稿:hebedich  
本文给大家汇总了在javascript方法中返回多个值的方法,都是在个人项目中检验过的,这里推荐给大家,有需要的小伙伴可以参考下。

在使用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>

以上所述就是本文全部内容了,希望大家能够喜欢。

相关文章

  • js实现右键菜单功能

    js实现右键菜单功能

    这篇文章主要为大家详细介绍了js实现右键菜单功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 微信小程序 slot踩坑的解决

    微信小程序 slot踩坑的解决

    这篇文章主要介绍了微信小程序 slot踩坑的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 详解JavaScript的流程控制语句

    详解JavaScript的流程控制语句

    这篇文章主要介绍了JavaScript的流程控制语句,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JavaScript 解析数学表达式的过程详解

    JavaScript 解析数学表达式的过程详解

    这篇文章主要介绍了JavaScript 解析数学表达式的过程详解,本文以一个的解题思路,来分享如何解决问题,解决的过程,可以作为解决工作中一般问题的通用思路,对js解析表达式相关知识感兴趣的朋友一起看看吧
    2022-06-06
  • js实现兼容IE、Firefox的图片缩放代码

    js实现兼容IE、Firefox的图片缩放代码

    这篇文章主要介绍了js实现兼容IE、Firefox的图片缩放代码,涉及JavaScript操作图片元素的相关技巧,需要的朋友可以参考下
    2015-12-12
  • getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现

    getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现

    天在csdn上看到有人问 getElementsByTagName 和 selectNodes谁更快 ,这个还真没研究过。
    2010-02-02
  • JavaScript深拷贝的几种实现方法实例

    JavaScript深拷贝的几种实现方法实例

    javascript深拷贝是初学者甚至有经验的开发着,都会经常遇到问题,下面这篇文章主要给大家介绍了关于JavaScript深拷贝的几种实现方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • Div+CSS+JS树型菜单,可刷新

    Div+CSS+JS树型菜单,可刷新

    Div+CSS+JS树型菜单,可刷新...
    2006-07-07
  • JS中ESModule和commonjs介绍及使用区别

    JS中ESModule和commonjs介绍及使用区别

    这篇文章主要介绍了JS中ESModule和commonjs介绍及使用区别,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的朋友可以参考一下
    2022-07-07
  • js实现文字闪烁特效的方法

    js实现文字闪烁特效的方法

    这篇文章主要介绍了js实现文字闪烁特效的方法,使用style对象来设置css属性,结合定时器就可以实现该功能,感兴趣的小伙伴们可以参考一下
    2015-12-12

最新评论