在JS方法中返回多个值的三种方法
来源:绵阳动力网络公司  时间:2015-05-21  阅读:16

网站建设中经常用到JS返回多个值的方法,这里推荐给大家,有需要的小伙伴可以参考下。

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

 
  • 电话咨询

  • 0816-2318288