主页 / 网络编程 /

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

网络编程 2021-07-04 21:48www.168986.cn编程入门
本文给大家汇总了在javascript方法中返回多个值的方法，都是在个人项目中检验过的，这里推荐给大家，有需要的小伙伴可以参考下。

在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用狼蚁网站SEO优化的几种方法都可以实现

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 这是最简单的一种方法，看狼蚁网站SEO优化代码

<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消除window.close()的提示窗口 下一篇：AspNet中使用JQuery上传插件Uploadify详解

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by