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