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

2024-05-06 16:20:39

字体：大中小

来源：转载

供稿：网友

本文给大家汇总了在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>