JavaScript 函数返回多个值的三种常用方法

作者：拾光时间：2026-10-29 10:03:26浏览：392

本文汇总了JavaScript中函数返回多个值的三种实现方式。第一种利用数组存储数据；第二种将数据封装为JSON对象返回；第三种采用最简洁的数组字面量形式。文章提供了具体的代码示例，帮助开发者根据实际需求选择合适的数据返回方案。

JavaScript返回多个值的实现方案

在JavaScript开发过程中，经常遇到需要让一个函数同时返回两个或更多数据的情况。以下介绍几种可行的实现方案。

使用数组返回数据

第一种方案是利用数组来承载多个返回值，具体实现如下所示：


<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>

封装JSON对象返回

第二种方案是将多个数据封装进一个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的更多详细信息，可参考相关介绍文章。

简洁的数组字面量写法

第三种方案是代码最为简洁的一种写法，请看下面的代码示例：


<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函数返回多个值的全部内容，希望这些方法能对读者有所帮助。

作者最新文章

JS处理含Emoji或中文的字符串转数组乱码问题

2026-11-05 16:12:28

JS怎么使用展开运算符合并对象

2026-11-05 14:42:18

ES6+环境下判断JS对象为空的简洁写法

2026-11-05 12:12:23

怎么通过replacer函数自定义JS中JSON的格式化输出

2026-11-05 11:19:44

JS正则表达式基础：字面量与RegExp构造函数的区别及常用元字符

2026-11-05 11:16:58