在JS方法中傳回多個值的方法匯總_javascript技巧
- WBOY原創
- 2016-05-16 15:58:191440瀏覽
在使用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>
以上所述就是本文全部內容了，希望大家能夠喜歡。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn